/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color-scheme:dark;--stage:#070908;--panel:#0f1410;--raise:#161d17;--band:#0b100c;--line:#232d24;--line-soft:#161d17;--ink:#eef3e8;--ink2:#c5cfc0;--muted:#9aa696;--dim:#7e8a76;--lime:#c9f65a;--lime-ink:#14200a;--lime-edge:#c9f65a;--accent:#c9f65a;--lamp:#f2e3bc;--scrim:7 9 8;--glass:22 29 23;--wall-edge:#ffffff0d;--glow:#c9f65a40;--card-shadow:0 1px 0 #ffffff05;--doc:#f3efe5;--doc-ink:#23261f;--mark:#c9f65a8c;--code:#050705;--code-ink:#b9c4b4;--code-line:#232d24;--lamp-glow:#f2e3bc1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--stage:#f4f0e6;--panel:#fffdf8;--raise:#ece7da;--band:#eee9dd;--line:#dad3c2;--line-soft:#e6e0d1;--ink:#171a12;--ink2:#33382c;--muted:#555c4c;--dim:#626a5a;--lime:#c9f65a;--lime-ink:#14200a;--lime-edge:#8db52a;--accent:#3b5e00;--lamp:#7a5a12;--scrim:244 240 230;--glass:255 253 248;--wall-edge:#171a1214;--glow:#171a1238;--card-shadow:0 1px 2px #171a120f, 0 8px 24px -16px #171a122e;--doc:#fff;--doc-ink:#23261f;--mark:#c9f65abf;--code:#0e120e;--code-ink:#c3cdbe;--code-line:#2a332a;--lamp-glow:#fffcf059}}:root[data-theme=light]{color-scheme:light;--stage:#f4f0e6;--panel:#fffdf8;--raise:#ece7da;--band:#eee9dd;--line:#dad3c2;--line-soft:#e6e0d1;--ink:#171a12;--ink2:#33382c;--muted:#555c4c;--dim:#626a5a;--lime:#c9f65a;--lime-ink:#14200a;--lime-edge:#8db52a;--accent:#3b5e00;--lamp:#7a5a12;--scrim:244 240 230;--glass:255 253 248;--wall-edge:#171a1214;--glow:#171a1238;--card-shadow:0 1px 2px #171a120f, 0 8px 24px -16px #171a122e;--doc:#fff;--doc-ink:#23261f;--mark:#c9f65abf;--code:#0e120e;--code-ink:#c3cdbe;--code-line:#2a332a;--lamp-glow:#fffcf059}:root{--cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;--latin:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--body:var(--cjk);--gutter:clamp(16px, 4vw, 48px);--max:1200px;--t-h1:clamp(42px, 6vw, 80px);--t-h2:clamp(28px, 3.4vw, 44px);--t-h3:19px;--t-lede:clamp(16px, 1.3vw, 18px);--r:14px;--r-lg:20px;--head:600;--head-track:-.005em;--screen:#070908;--screen-ink:#eef3e8;--screen-muted:#9aa696;--screen-line:#ffffff14}html:lang(en){--body:var(--latin);--head:700;--head-track:-.028em}[data-currency=CNY]{display:none}html[data-region=CN] [data-currency=CNY]{display:revert}html[data-region=CN] [data-currency=USD]{display:none}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--stage);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-synthesis-weight:none;margin:0;font-size:16px;line-height:1.75;overflow-x:clip}html:lang(en) body{line-height:1.6}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}video{display:block}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{letter-spacing:.04em;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:600}html:lang(en) .eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500}h1,h2,h3{text-wrap:balance;font-weight:var(--head);letter-spacing:var(--head-track);margin:0}html:lang(en) h1,html:lang(en) h2{font-family:var(--latin)}html:lang(zh-CN) :is(h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere}h2{font-size:var(--t-h2);line-height:1.22}html:lang(en) h2{line-height:1.08}h3{font-size:var(--t-h3);line-height:1.4}.lede{color:var(--muted);max-width:36em;font-size:var(--t-lede);margin:16px 0 0}html:lang(en) .lede{max-width:40em}section{padding-block:clamp(72px,9vw,120px)}.band{background:var(--band);border-block:1px solid var(--line-soft)}.section-intro{max-width:760px}.section-intro.center{text-align:center;margin-inline:auto}.section-intro.center .lede{margin-inline:auto}.skip{z-index:50;background:var(--lime);color:var(--lime-ink);border-radius:8px;padding:8px 14px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.nw{white-space:nowrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{min-height:44px;font:600 15px/1.2 var(--body);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--lime);color:var(--lime-ink);border-color:var(--lime-edge)}.btn.primary:hover{box-shadow:0 0 0 4px var(--lime)}@supports (color:color-mix(in lab, red, red)){.btn.primary:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--lime) 24%, transparent)}}.btn.ghost{background:0 0}.btn.lg{min-height:52px;padding:0 26px;font-size:16px}.btn.sm{min-height:36px;padding:0 14px;font-size:13px}.btn.soon{cursor:default;color:var(--muted);background:0 0;border-style:dashed}.btn.soon:hover{border-color:var(--line)}.btn.primary.soon{color:var(--ink);border-color:var(--accent);background:0 0}@supports (color:color-mix(in lab, red, red)){.btn.primary.soon{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}}.btn.primary.soon{box-shadow:none;border-style:dashed}.pill-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 0 3px var(--lime);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.pill-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 22%, transparent)}}.text-link{color:var(--ink2);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);align-items:center;gap:6px;font-size:15px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.text-link{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.text-link{text-underline-offset:4px}.text-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.nav{z-index:30;padding-top:env(safe-area-inset-top,0px);background:rgb(var(--scrim) / .8);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.nav .wrap{align-items:center;gap:24px;height:64px;display:flex}.brand{font-family:var(--latin);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand svg{width:24px;height:24px}.brand small{font-family:var(--cjk);color:var(--muted);letter-spacing:0;font-size:14px;font-weight:500}.nav nav{color:var(--muted);gap:22px;margin-left:auto;font-size:14px;display:flex}.nav nav a{white-space:nowrap;text-decoration:none}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--ink)}.lang-switch{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:13px;text-decoration:none}.lang-switch:hover{color:var(--ink);border-color:var(--muted)}.hero{padding-block:clamp(40px,6vw,84px) 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side, var(--lime), transparent);height:90%;position:absolute;inset:-20% -10% auto 30%}@supports (color:color-mix(in lab, red, red)){.hero:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--lime) 9%, transparent), transparent)}}.hero-wall{pointer-events:none;opacity:.5;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;align-content:start;gap:16px;display:grid;position:absolute;inset:-90px -140px 160px 32%;transform:rotate(-12deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%),linear-gradient(#000,#0000 92%);mask-image:linear-gradient(90deg,#0000,#000 42%),linear-gradient(#000,#0000 92%);mask-composite:intersect}.hero-wall-row{gap:16px;display:flex}.hero-wall-row:nth-child(2){transform:translate(-100px)}.hero-wall img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:12px;flex:none;width:clamp(180px,18vw,270px);height:auto}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--stage) 8%, var(--stage) 48%, var(--stage)), linear-gradient(0deg, var(--stage), transparent 65%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hero:after{background:linear-gradient(90deg, var(--stage) 8%, color-mix(in srgb, var(--stage) 88%, transparent) 48%, color-mix(in srgb, var(--stage) 25%, transparent)), linear-gradient(0deg, var(--stage), transparent 65%)}}.hero-grid,.hero-watch,.hero .reel{z-index:1;position:relative}.sound-badge{z-index:1;color:#eef3e8;background:#050705cc;border:1px solid #ffffff40;border-radius:999px;padding:3px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}@media (width<=760px){.hero-wall{opacity:.3;height:500px;inset:-35px -190px auto 20%}}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}.pill{border:1px solid var(--line);background:var(--panel);color:var(--ink2);border-radius:999px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:6px 14px 6px 12px;font-size:13px;line-height:1.4;display:inline-flex}.pill-soft{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.hero h1{font-size:var(--t-h1);margin-top:24px;line-height:1.1}html:lang(en) .hero h1{letter-spacing:-.04em;font-size:clamp(40px,5vw,68px);line-height:1.02}.hero h1 .accent{color:var(--accent)}.hero-lede{text-wrap:pretty;max-width:30em;color:var(--ink2);margin:22px 0 0;font-size:clamp(17px,1.45vw,19px)}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.hero-meta li{align-items:center;gap:8px;display:inline-flex}.hero-meta li:before{content:"";border:solid var(--accent);border-width:0 0 2px 2px;width:9px;height:5px;transform:rotate(-45deg)translateY(-2px)}.hero-watch{justify-content:flex-end;margin-top:4px;margin-bottom:0;display:flex;position:relative}.hero-watch .text-link{font-size:14px}.reel{border-top:1px solid var(--line-soft);margin-top:clamp(40px,5vw,64px);padding-block:24px clamp(40px,5vw,64px);text-decoration:none;display:block}.reel-cap{color:var(--muted);margin-bottom:16px;font-size:13px;display:block}.reel:hover .reel-cap{color:var(--ink)}.reel-track{width:max-content;animation:90s linear infinite reel;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.reel:hover .reel-track{animation-play-state:paused}.reel-row{gap:12px;padding-right:12px;display:flex}.reel-row img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:10px;width:clamp(180px,17vw,240px);height:auto;display:block}@keyframes reel{to{transform:translate(-50%)}}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.term{background:var(--code);color:var(--code-ink);border:1px solid var(--code-line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 100px -50px #0009}.term-bar{border-bottom:1px solid var(--code-line);font:11px var(--mono);color:#8a9682;align-items:center;gap:8px;padding:10px 14px;display:flex}.term-bar .dot{background:#2a332a}.term-title{margin-left:8px}.term-body{font:13px/1.8 var(--mono);padding:20px;overflow-x:auto}.term .who{color:#8a9682}.term .you{color:#eef3e8}.term .tool{color:#c9f65a}.term .ok{color:#f2e3bc}.term p{white-space:pre-wrap;margin:0 0 10px}.term p:last-child{margin-bottom:0}.agents{flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none;display:flex}.agents li{font:12px var(--mono);border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:4px 11px}.filters{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.grid,.masonry{padding:0;list-style:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.g{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0;overflow:hidden}.g[hidden]{display:none!important}.g button.open{all:unset;cursor:pointer;width:100%;display:block}.g button.open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.g .media{aspect-ratio:16/9;background:var(--raise);display:block;position:relative;overflow:hidden}.g img,.g video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.g video{opacity:0;transition:opacity .25s}.g.playing video{opacity:1}.g .cap{align-items:baseline;gap:8px;padding:10px 12px;font-size:14px;display:flex}.g .cap .t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.g .cap .no{font:11px var(--mono);color:var(--accent);flex:none}.g .cap em{color:var(--dim);white-space:nowrap;flex:none;margin-left:auto;font-size:12px;font-style:normal}.more{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:14px;display:flex}.gallery-head{padding-block:clamp(40px,7vw,96px) 8px}.gallery-head h1{letter-spacing:-.025em;font-size:clamp(36px,6vw,76px);line-height:1.05}html:lang(en) .gallery-head h1{font-family:var(--latin);letter-spacing:-.03em;font-size:clamp(34px,5vw,64px)}.toolbar{z-index:20;background:rgb(var(--scrim) / .9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);gap:10px;margin-top:28px;padding-block:14px;display:grid;position:sticky;top:68px}.toolbar .filters{margin-top:0}.toolbar .row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.search{background:var(--panel);border:1px solid var(--line);border-radius:999px;flex:260px;align-items:center;gap:8px;max-width:420px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{all:unset;min-width:0;font:15px var(--body);color:var(--ink);flex:1;padding:9px 0}.search svg{width:16px;height:16px;color:var(--dim);flex:none}.count{font:12px var(--mono);color:var(--dim);margin-left:auto}.masonry{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px;margin-top:22px;display:grid}.masonry .g{flex-direction:column;display:flex}.masonry .g button.open{flex-direction:column;flex:1;display:flex}.masonry .g[data-ratio="9:16"],.masonry .g[data-ratio="1:1"]{grid-row:span 2}.masonry .g[data-ratio="9:16"] .media,.masonry .g[data-ratio="1:1"] .media{aspect-ratio:4/5;flex:1}.g .tag{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:4px;flex:none;padding:0 5px}.empty{text-align:center;color:var(--muted);padding:60px 0}.empty[hidden]{display:none}.viewer{--ratio:16 / 9;--edge:24px;width:min(1280px, calc(100vw - 2 * var(--edge)));height:min(800px, calc(100dvh - 2 * var(--edge)));border:1px solid var(--line);background:var(--panel);max-width:none;max-height:none;color:var(--ink);border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 40px 120px -40px #0009}.viewer[open]{grid-template-columns:minmax(0,1fr) clamp(300px,28vw,380px);display:grid}.viewer [hidden]{display:none!important}.viewer::backdrop{backdrop-filter:blur(6px);background:#080a08d6}html.viewing{overflow:hidden}.viewer .stage{background:#060806;min-height:0;position:relative}.viewer .frame{place-items:center;padding:28px 72px;display:grid;position:absolute;inset:0}.viewer video,.viewer [data-viewer-still]{object-fit:contain;width:100%;height:100%;display:block}.viewer .nav-btn{color:#eef3e8;cursor:pointer;backdrop-filter:blur(6px);background:#101410b8;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;translate:0 -50%}.viewer .nav-btn:hover{background:#283028e6}.viewer .nav-btn svg,.viewer .close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.viewer .prev{left:14px}.viewer .next{right:14px}.viewer .info{overscroll-behavior:contain;border-left:1px solid var(--line);flex-direction:column;gap:12px;min-height:0;padding:18px 22px 24px;display:flex;overflow-y:auto}.viewer .info-head{align-items:center;gap:10px;display:flex}.viewer .no{font:600 13px var(--mono);color:var(--accent)}.viewer .counter{font:12px var(--mono);color:var(--dim)}.viewer .close{border:1px solid var(--line);background:var(--raise);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.viewer .close:hover{border-color:var(--muted)}.viewer h2{letter-spacing:-.01em;font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.25}.viewer .facts,.viewer .langs{color:var(--muted);margin:0;font-size:13px}.viewer .langs:empty{display:none}.viewer .actions{gap:8px;margin-top:6px;display:grid}.viewer .actions .btn.primary{justify-content:center;padding-block:12px}.viewer .actions .btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.viewer .actions small{opacity:.75;font-weight:500}.viewer .actions .row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.viewer .actions .row .btn{justify-content:center;padding:9px 12px;font-size:14px}.viewer .hint{color:var(--dim);margin:0;font-size:12px}.viewer .hint.warn{color:var(--lamp)}.viewer .block{border-top:1px solid var(--line);padding:14px 0 0}.viewer .block h3{margin:0 0 8px;font-size:14px;font-weight:700}.viewer .block ol{color:var(--ink2);gap:4px;margin:0;padding-left:1.3em;font-size:14px;list-style:decimal;display:grid}.viewer .block-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.viewer .link{all:unset;cursor:pointer;color:var(--accent);text-underline-offset:3px;font-size:13px;text-decoration:underline}.viewer .link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.viewer .prompt .hint,.viewer .howmade .hint{margin-bottom:8px}.viewer .prompt pre,.viewer .howmade pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;font:14px/1.7 var(--body);color:var(--ink2);background:var(--raise);border:1px solid var(--line);border-radius:10px;margin:0;padding:12px 14px;overflow:auto}.viewer .howmade .tools{flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.viewer .howmade .tools li{color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12.5px}.viewer .howmade .rounds{margin:0 0 14px}.viewer .howmade .rounds summary{cursor:pointer;color:var(--accent);font-size:13px}.viewer .howmade .rounds ol{gap:10px;margin:8px 0 0;padding:0;list-style:none}.viewer .howmade .rounds li{white-space:pre-wrap;overflow-wrap:anywhere;gap:2px;font-size:14px;line-height:1.6;display:grid}.viewer .howmade .rounds li small{color:var(--dim);font-size:12px}.viewer .howmade .reproduce{margin-top:4px}.viewer .howmade .requirements{margin-top:12px}.viewer .howmade .requirements h4{color:var(--ink2);margin:0 0 4px;font-size:13px;font-weight:600}.viewer .howmade .requirements p{color:var(--dim);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.viewer .note{color:var(--dim);margin:0;font-size:12px}.elsewhere{z-index:40;background:var(--lime);color:var(--lime-ink);border:1px solid var(--lime-edge);border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 12px 40px -12px #00000080}@media (width<=760px){.viewer{--edge:0px;border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.viewer[open]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.viewer .stage{height:min(62svh,177.778vw)}.viewer[data-ratio="16:9"] .stage{aspect-ratio:16/9;height:auto}.viewer[data-ratio="1:1"] .stage{height:min(62svh,100vw)}.viewer .frame{padding:0}.viewer .nav-btn{width:36px;height:36px}.viewer .prev{left:8px}.viewer .next{right:8px}.viewer .info{border-left:0;border-top:1px solid var(--line);padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px))}}.prices{grid-template-columns:1fr 1fr;gap:16px;max-width:940px;margin:44px auto 0;display:grid}.plan{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--card-shadow);flex-direction:column;gap:16px;padding:30px;display:flex}.plan.pro{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.plan.pro{border-color:color-mix(in srgb, var(--lime) 60%, var(--line))}}.plan.pro{background:linear-gradient(165deg, var(--lime), var(--panel) 50%)}@supports (color:color-mix(in lab, red, red)){.plan.pro{background:linear-gradient(165deg, color-mix(in srgb, var(--lime) 9%, var(--panel)), var(--panel) 50%)}}.plan-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plan h3{font-size:20px}.plan-tag{color:var(--muted);font-size:13px}.plan .price{font-family:var(--latin);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.plan .price small{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:4px;font-size:15px;font-weight:500}.plan .alt{color:var(--muted);font-size:14px}.price-block .alt{margin-top:12px}.plan ul{border-top:1px solid var(--line);gap:10px;margin:0;padding:16px 0 0;font-size:15px;list-style:none;display:grid}.plan li{align-items:baseline;gap:12px;display:flex}.plan li:before{content:"";border:solid var(--dim);border-width:0 0 2px 2px;flex:none;width:9px;height:5px;transform:rotate(-45deg)translateY(-3px)}.plan.pro li:before{border-color:var(--accent)}.plan-cta{width:100%;margin-top:auto}.note{color:var(--dim);text-align:center;max-width:940px;margin:20px auto 0;font-size:13px}.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-links{flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;display:flex}.faq-links .text-link{font-size:14px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:18px var(--mono);color:var(--accent);flex:none;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--muted);max-width:64ch;margin:10px 0 0}.faq p a{color:var(--ink);text-underline-offset:3px}.closing{padding-top:0}.closing-panel{background:var(--screen);border:1px solid var(--screen-line);min-height:380px;color:var(--screen-ink);border-radius:24px;align-items:center;padding:clamp(40px,7vw,96px) clamp(24px,6vw,80px);display:grid;position:relative;overflow:hidden}.closing-bg{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.closing-panel:after{content:"";background:linear-gradient(90deg,#070908f5 0,#070908c7 45%,#07090833);position:absolute;inset:0}.closing-copy{z-index:1;max-width:620px;position:relative}.closing .eyebrow{color:#c9f65a}.closing h2{font-size:clamp(36px,5.4vw,68px);line-height:1.12}html:lang(en) .closing h2{line-height:1.02}.closing .lede{color:#c5cfc0}.closing .btn:not(.primary){color:var(--screen-ink);background:#ffffff0a;border-color:#fff3}.closing .pill-dot{background:#c9f65a}footer.site{border-top:1px solid var(--line-soft);color:var(--muted);padding-block:56px 40px;font-size:14px}.foot-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}.foot-brand .brand{color:var(--ink)}.tagline{color:var(--ink2);margin:12px 0 0}.trust{color:var(--dim);max-width:34em;margin:8px 0 0;font-size:13px}.foot-col h2{letter-spacing:.02em;color:var(--ink);font-size:13px;font-weight:600;font-family:var(--body);margin:0 0 14px;line-height:1.4}.foot-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}footer.site a{text-decoration:none}footer.site a:hover,footer.site a[aria-current=page]{color:var(--ink)}footer.site .mail{font-family:var(--mono);font-size:13px}.foot-bottom{border-top:1px solid var(--line-soft);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:44px;padding-top:20px;font-size:13px;display:flex}.appearance{align-items:center;gap:4px;display:inline-flex}.appearance span{margin-right:6px}.appearance button{font:12px var(--body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px}.appearance button:hover{color:var(--ink)}.appearance button[aria-pressed=true]{color:var(--ink);border-color:var(--muted);background:var(--raise)}.policy{max-width:780px;padding:clamp(32px, 5vw, 64px) var(--gutter) 48px;overflow-wrap:anywhere;margin-inline:auto}.policy h1{margin:0 0 28px;font-size:clamp(30px,4.6vw,44px);line-height:1.2}.policy h2{letter-spacing:0;border-top:1px solid var(--line-soft);margin:44px 0 12px;padding-top:20px;font-size:22px;line-height:1.35}.policy h3{margin:30px 0 8px;font-size:18px}.policy h4{margin:20px 0 6px;font-size:16px;font-weight:600}.policy p,.policy li{color:var(--ink2)}.policy p{margin:0 0 14px}.policy ul,.policy ol{margin:0 0 14px;padding-left:1.4em}.policy ul{list-style:outside}.policy ol{list-style:decimal}.policy li{margin:4px 0}.policy a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.policy a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.policy a{text-underline-offset:4px}.policy strong{color:var(--ink);font-weight:600}.policy blockquote{background:var(--panel);border-left:3px solid var(--lime);border-radius:0 8px 8px 0;margin:20px 0;padding:12px 18px}.policy blockquote p:last-child{margin-bottom:0}.policy code{font-family:var(--mono);background:var(--raise);border-radius:4px;padding:1px 5px;font-size:.9em}.policy pre{background:var(--code);border:1px solid var(--code-line);border-radius:10px;margin:16px 0;padding:16px 76px 16px 18px;position:relative;overflow-x:auto}.policy pre code{color:var(--code-ink);white-space:pre;background:0 0;padding:0;font-size:13px;line-height:1.7}.policy .copy-code{font:12px var(--body);color:#b9c4b4;cursor:pointer;background:#161d17;border:1px solid #2a332a;border-radius:6px;padding:3px 10px;position:absolute;top:10px;right:10px}.policy .copy-code:hover{color:#eef3e8;border-color:#9aa696}.policy div.table{width:100%;margin:16px 0;display:block;overflow-x:auto}.policy table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.policy th,.policy td{border:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink2);padding:8px 10px}.policy th{background:var(--panel);color:var(--ink);font-weight:600}.policy .siblings{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.policy .siblings a{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none;display:inline-block}.policy .siblings a[aria-current=page]{color:var(--lime-ink);background:var(--lime);border-color:var(--lime-edge)}.lost{text-align:center;min-height:70svh;padding:64px var(--gutter) 60px;place-items:center;display:grid}.lost h1{font-size:clamp(36px,6vw,72px)}.lost p{color:var(--muted);margin:16px 0 28px}.lost .cta-row{justify-content:center}.mark .bar{fill:var(--ink)}.mark .key{fill:var(--lime);stroke:var(--lime)}:root[data-theme=light] .mark .key{fill:var(--lime-edge);stroke:var(--lime-edge)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .mark .key{fill:var(--lime-edge);stroke:var(--lime-edge)}}.nav nav .nav-samples{color:var(--ink);align-items:center;gap:6px;font-weight:600;display:inline-flex}.nav-samples .n{font:600 11px var(--mono);color:var(--lime-ink);background:var(--lime);border:1px solid var(--lime-edge);border-radius:999px;padding:0 7px;line-height:18px}.nav .mobile-only{display:none}.theme-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px}.theme-toggle .moon{fill:currentColor;stroke:none}.theme-toggle .moon,.theme-toggle[data-now=light] .sun{display:none}.theme-toggle[data-now=light] .moon{display:block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-head .btn{margin-bottom:6px}.films{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:40px 0 0;padding:0;list-style:none;display:grid}.films .g:first-child{flex-direction:column;grid-area:span 2/span 2;display:flex}.films .g:first-child button.open{flex-direction:column;flex:1;display:flex}.films .g:first-child .media{aspect-ratio:auto;flex:1;min-height:0}.films .g:first-child .cap{padding:14px 16px;font-size:17px}.films .g:first-child .media:after,.films .g:first-child .media:before{content:"";z-index:1;transition:opacity .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}.films .g:first-child .media:after{backdrop-filter:blur(6px);background:#080b099e;border:1px solid #ffffff2e;border-radius:50%;width:66px;height:66px}.films .g:first-child .media:before{z-index:2;clip-path:polygon(0 0,100% 50%,0 100%);background:#c9f65a;width:22px;height:26px;margin-left:3px}.films .g.playing:first-child .media:after,.films .g.playing:first-child .media:before{opacity:0}.films .g .media{aspect-ratio:16/9}.g{border-radius:var(--r);box-shadow:var(--card-shadow);transition:border-color .2s,transform .2s}.g:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.g:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.badge{font:600 11px var(--body);letter-spacing:.02em;color:var(--lime-ink);background:var(--lime);border:1px solid var(--lime-edge);border-radius:999px;padding:1px 8px;line-height:16px;display:inline-block}.g .media .badge{z-index:1;position:absolute;top:10px;left:10px}.sub-head{color:var(--muted);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:12px;margin:40px 0 0;font-size:15px;font-weight:500;display:flex}.fresh .grid{margin-top:16px}.fresh .grid .g:only-child,.fresh .grid .g:first-child:nth-last-child(2),.fresh .grid .g:first-child:nth-last-child(2)~.g{grid-column:span 2}.chip .n{font:11px var(--mono);margin-left:2px}.other-lang{margin:14px 0 0;font-size:14px}.other-lang a{color:var(--muted);text-underline-offset:3px}.other-lang a:hover{color:var(--ink)}@media (width<=1080px){.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}@media (width<=980px){.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masonry{grid-template-columns:repeat(3,minmax(0,1fr))}.nav nav{display:none}.nav .lang-switch{margin-left:auto}.toolbar{position:relative;top:0}.films{grid-template-columns:repeat(2,minmax(0,1fr))}.films .g:first-child{grid-row:auto}.films .g:first-child .media{aspect-ratio:16/9;flex:none}.nav .mobile-only{margin-left:auto;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav .mobile-only+.lang-switch{margin-left:0}.faq-grid{grid-template-columns:1fr}}@media (width<=760px){.prices{grid-template-columns:1fr}}@media (width<=560px){section{padding-block:64px}.hero{padding-top:28px}.pill-soft{border-left:0;padding-left:0}.hero .cta-row .btn{flex:100%}.hero-meta{gap:6px 16px;font-size:12.5px}.reel{padding-bottom:48px}.grid{grid-template-columns:1fr}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.masonry .g .cap{flex-wrap:wrap;padding:8px 10px;font-size:13px}.masonry .g .cap em{margin-left:0}.brand small,.nav .long,.nav .nav-cta{display:none}.nav .wrap{gap:12px;height:56px}.nav .lang-switch{padding:4px 9px;font-size:12px}.nav .theme-toggle{width:30px;height:30px}.plan{padding:24px}.plan .price{font-size:44px}.count{margin-left:0}.films{grid-template-columns:1fr 1fr;gap:10px}.films .g:first-child{grid-area:auto/1/auto/-1}.films .g:nth-child(2n):last-child{grid-column:1/-1}.films .g .cap{flex-wrap:wrap;padding:8px 10px;font-size:13px}.films .g .cap em{margin-left:0}.btn{white-space:normal;text-align:center}.closing-panel{border-radius:18px;min-height:0}.closing-panel:after{background:linear-gradient(0deg,#070908f5 0,#070908d1 60%,#07090880)}.closing .cta-row .btn{flex:100%}.foot-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.foot-col.legal{grid-row:span 2}.toolbar .filters,#gallery .filters{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.toolbar .filters::-webkit-scrollbar{display:none}#gallery .filters::-webkit-scrollbar{display:none}.toolbar .chip,#gallery .chip{flex:none}.toolbar .row{gap:10px}.toolbar .search{flex-basis:100%;max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reel-track{animation:none}.g video,.app-screen video{transition:none}}.nav nav .nav-templates{color:var(--ink2);align-items:center;gap:6px;font-weight:500;display:inline-flex}.nav-templates .n{font:600 11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 7px;line-height:18px}.nav .mobile-only+.mobile-only{margin-left:0}.tpl-hint{border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin:18px 0 0;padding:14px 18px;font-size:14px;display:flex}.tgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 0;padding:0;list-style:none;display:grid}.g.tpl{flex-direction:column;display:flex}.tpl button.open{flex-direction:column;flex:1;display:flex}.tpl .media .ratios{z-index:1;gap:4px;display:flex;position:absolute;top:8px;right:8px}.tpl .media .ratios span{font:600 10px var(--mono);color:#eef3e8;backdrop-filter:blur(4px);background:#080b09b8;border:1px solid #ffffff29;border-radius:5px;padding:1px 6px}.tpl .cap{padding-bottom:4px}.tpl .cap .t{font-weight:600}.tpl .sum{-webkit-line-clamp:3;color:var(--muted);-webkit-box-orient:vertical;padding:0 12px 12px;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}html:lang(en) .tpl .sum{line-height:1.55}.tpl-foot{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px 12px;display:flex}.tpl .used{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:12px;display:flex}.tpl .used a{font:11px var(--mono);color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:0 6px;line-height:20px;text-decoration:none}.tpl .used a:hover{border-color:var(--accent)}.tpl .used .more-n{font:11px var(--mono)}.tpl-foot .btn small{opacity:.7;font-weight:500}.tpl-foot .hint-small{color:var(--lamp);font-size:12px}.codecard{white-space:pre;background:var(--code);color:var(--code-ink);font:12px/1.7 var(--mono);border:0;margin:0;padding:16px 18px;display:block;overflow:hidden}.tpl .media .codecard{position:absolute;inset:0}.codecard:first-line{color:#8a9682}.viewer .codecard.big{border:1px solid var(--code-line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;width:min(100%,560px);height:auto;padding:22px 24px;font-size:14px}.viewer .fit dl{gap:12px;margin:0;display:grid}.viewer .fit dt{color:var(--dim);margin-bottom:4px;font-size:12px}.viewer .fit dd{margin:0}.viewer .fit ul,.viewer .samples{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.viewer .fit li{color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:13px}.viewer .fit [data-fit=not] li{color:var(--muted);border-style:dashed}.viewer .fit ul.slots-list li{font:12px var(--mono);border-radius:6px}.viewer .samples{gap:8px}.viewer .samples li{color:var(--muted);border:1px solid var(--line);border-radius:8px;align-items:baseline;gap:6px;max-width:100%;padding:3px 9px;font-size:13px;display:inline-flex}.viewer .samples li a{font:600 12px var(--mono);color:var(--accent);text-decoration:none}.viewer .samples li a:hover{text-decoration:underline}.viewer .samples li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viewer .samples li small{color:var(--dim);font-size:11px}.viewer .usedby .hint{margin-bottom:8px}@media (width<=980px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.tgrid{grid-template-columns:1fr;gap:12px}.viewer .codecard.big{border-inline:0;border-radius:0;width:100%}}.hero-grid{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0}.hero-copy{flex-direction:column;align-items:center;max-width:880px;display:flex}.hero h1{font-size:clamp(44px,6.6vw,92px);line-height:1.06}html:lang(en) .hero h1{font-size:clamp(40px,5.8vw,80px);line-height:1.02}.hero-lede{max-width:34em;margin-inline:auto}html:lang(en) .hero-lede{max-width:42em}.hero .cta-row,.hero-meta{justify-content:center}.hero-watch{justify-content:center;margin-top:18px}.app{text-align:left;background:var(--panel);border:1px solid var(--line);width:100%;max-width:1120px;box-shadow:0 80px 160px -70px var(--glow), 0 40px 80px -40px #00000073, var(--card-shadow);border-radius:18px;margin:clamp(40px,5vw,64px) 0 0;position:relative;overflow:hidden}.app-bar{border-bottom:1px solid var(--line);height:42px;color:var(--muted);background:var(--raise);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 16px;font-size:12.5px;display:grid}@supports (color:color-mix(in lab, red, red)){.app-bar{background:color-mix(in srgb, var(--raise) 55%, var(--panel))}}.app-bar .dots{gap:7px;display:flex}.app-bar .dots i{background:var(--line);border-radius:50%;width:11px;height:11px}.app-title{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.app-bar .live{color:var(--accent);font:600 11px var(--mono);letter-spacing:.06em;justify-self:end}html:lang(zh-CN) .app-bar .live{font:600 12px var(--cjk);letter-spacing:0}.live{align-items:center;gap:7px;display:inline-flex}.live:before{content:"";background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.app-body{grid-template-columns:minmax(0,1fr) 288px;display:grid}.app-main{min-width:0;padding:16px}.app-screen{aspect-ratio:16/9;background:#050705;border-radius:10px;position:relative;overflow:hidden}.app-screen img,.app-screen video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-screen video{opacity:0;transition:opacity .4s}.app-screen.playing video{opacity:1}.app-box{border:2px solid #c9f65a;border-radius:6px;width:61%;height:27%;transition:opacity .35s,transform .35s;position:absolute;top:29%;left:23%;box-shadow:0 0 0 9999px #0507052e,0 0 24px #c9f65a59}.app-box b{color:#14200a;background:#c9f65a;border-radius:5px 5px 5px 0;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:-26px;left:-2px}.app-note{color:#eef3e8;-webkit-backdrop-filter:blur(6px);background:#080b09db;border:1px solid #c9f65a59;border-radius:10px;max-width:46%;padding:9px 13px;font-size:13.5px;line-height:1.5;transition:opacity .35s .1s,transform .35s .1s;position:absolute;top:calc(55% + 12px);left:24%}html:lang(en) .app-box{width:81%;left:10%}html:lang(en) .app-note{left:10%}.app.live-video:not(.marked) .app-box,.app.live-video:not(.marked) .app-note{opacity:0;transform:scale(.97)}.app-track{margin-top:12px;position:relative}.segs{gap:3px;display:flex}.segs span{min-width:0;height:30px;color:var(--muted);background:var(--raise);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;align-items:center;padding:0 10px;font-size:11.5px;display:flex;overflow:hidden}.segs span.on{color:var(--ink);background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.segs span.on{background:color-mix(in srgb, var(--lime) 16%, var(--raise))}}.segs span.on{border-color:var(--lime-edge)}@supports (color:color-mix(in lab, red, red)){.segs span.on{border-color:color-mix(in srgb, var(--lime-edge) 60%, var(--line))}}.app-track .head{top:-5px;bottom:-5px;left:calc(1% + var(--progress,.4) * 48%);background:var(--ink);border-radius:2px;width:2px;position:absolute}.app-track .pin{border:1px solid var(--lime-edge);background:#c9f65a;border-radius:50% 50% 50% 0;width:12px;height:12px;margin-left:-6px;position:absolute;top:-13px;left:25%;transform:rotate(-45deg)}.app-side{border-left:1px solid var(--line);flex-direction:column;gap:14px;min-width:0;padding:16px;font-size:13px;display:flex}.side-block{flex-direction:column;gap:10px;display:flex}.side-block+.side-block{border-top:1px solid var(--line-soft);padding-top:14px}.side-head{color:var(--muted);letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.app-side dl{gap:7px;margin:0;display:grid}.app-side dl div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}html:lang(en) .app-side dl div{grid-template-columns:74px minmax(0,1fr)}.app-side dt{color:var(--dim)}.app-side dd{color:var(--ink2);overflow-wrap:anywhere;margin:0}.app-side dd:nth-child(2){font-family:inherit}.side-note{border:1px solid var(--lime-edge);border-radius:10px;padding:11px 12px}@supports (color:color-mix(in lab, red, red)){.side-note{border:1px solid color-mix(in srgb, var(--lime-edge) 55%, var(--line))}}.side-note{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.side-note{background:color-mix(in srgb, var(--lime) 8%, var(--panel))}}.side-note small{font:11px var(--mono);color:var(--dim);display:block}.side-note p{color:var(--ink);margin:4px 0 8px;line-height:1.55}.state{height:22px;display:block;position:relative}.state em{opacity:0;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11.5px;font-style:normal;font-weight:600;position:absolute;top:0;left:0}.state .s0{color:#9a4a12;background:#fce7d6;animation:8s infinite s0}.state .s1{color:var(--ink2);background:var(--raise);animation:8s infinite s1}.state .s1:before{content:"";border:2px solid var(--muted);vertical-align:-1px;border-right-color:#0000;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}.state .s2{color:#14200a;background:#c9f65a;animation:8s infinite s2}@keyframes s0{0%,34%{opacity:1}36%,to{opacity:0}}@keyframes s1{0%,34%{opacity:0}36%,64%{opacity:1}66%,to{opacity:0}}@keyframes s2{0%,64%{opacity:0}66%,to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.side-btn{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--ink);border-radius:8px;align-self:flex-start;align-items:center;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}#story .section-intro{max-width:720px}.loop{counter-reset:loop;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.loop>li{border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);flex-direction:column;display:flex;overflow:hidden}.loop-visual{background:var(--raise);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:12px;height:280px;padding:22px;display:flex;position:relative;overflow:hidden}.loop-text{flex-direction:column;gap:8px;padding:22px 24px 26px;display:flex}.loop-text .n{font:600 12px var(--mono);color:var(--accent)}.loop-text h3{font-size:19px}.loop-text p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.ui-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;box-shadow:0 18px 36px -24px #00000059}.ui-head{color:var(--muted);justify-content:space-between;margin:0 0 10px;font-size:12.5px;font-weight:600;display:flex}.mono{font-family:var(--mono);font-weight:500}.ui-card dl{gap:8px;margin:0;display:grid}.ui-card dl div{grid-template-columns:62px minmax(0,1fr);gap:8px;display:grid}html:lang(en) .ui-card dl div{grid-template-columns:76px minmax(0,1fr)}.ui-card dt{color:var(--dim)}.ui-card dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.ui-card dd:last-child{font-family:inherit}.inspect dl div:last-child dd{font:12px var(--mono);color:var(--accent)}.mini-frame{background:#0b0f0c;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;display:grid}.metric{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;gap:2px;padding:9px 10px;display:grid;position:relative}.metric small{color:#9aa696;font-size:11px}.metric b{font:700 24px/1.1 var(--latin);color:#eef3e8;letter-spacing:-.02em}.metric b i{font:500 11px var(--cjk);color:#9aa696;margin-left:3px;font-style:normal}.metric.boxed{outline-offset:2px;outline:2px solid #c9f65a}.metric.big b{color:#c9f65a;font-size:36px}.ui-mark .note{margin:-18px 0 0 22%;position:relative}.note small{font:11px var(--mono);color:var(--dim);display:block}.note p{color:var(--ink);margin:4px 0 10px}.ui-btn{background:var(--lime);min-height:28px;color:var(--lime-ink);border:1px solid var(--lime-edge);border-radius:8px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.ui-resume .toast{background:var(--lime);color:var(--lime-ink);border:1px solid var(--lime-edge);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ui-resume .toast:before{content:"";border-left:7px solid;border-block:5px solid #0000;width:0;height:0}.ui-resume{flex-direction:column;gap:10px;display:flex}.ui-list{color:var(--muted);gap:4px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.ui-list li{align-items:center;gap:8px;display:flex}.ui-list li:before{content:"";background:var(--line);border-radius:50%;width:6px;height:6px}.ui-list li.changed{color:var(--ink)}.ui-list li.changed:before{background:var(--lime-edge)}.learn{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(20px,3vw,40px);margin-top:44px;display:grid}.log{border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--card-shadow);padding:clamp(22px,3vw,32px)}.log h3{font-size:17px}.log-tools{color:var(--dim);margin:6px 0 0;font-size:13px}.log ol{margin:22px 0 0;padding:0;list-style:none}.log li{border-left:2px solid var(--line);margin-left:5px;padding:0 0 20px 24px;position:relative}.log li:last-child{border-left-color:#0000;padding-bottom:0}.log li:before{content:"";background:var(--panel);border:2px solid var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-7px}.log li.last:before{background:var(--lime);border-color:var(--lime-edge)}.log li small{font:600 12px var(--mono);color:var(--accent);display:block}.log li p{color:var(--ink2);margin:4px 0 0;font-size:15px;line-height:1.7}.log li.last p{color:var(--ink)}.learn-side .grid{margin-top:0}.grid.one{grid-template-columns:minmax(0,1fr)}.grid.one .g .cap{padding:12px 14px;font-size:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.grid.three .g .cap{flex-wrap:wrap;padding:8px 10px;font-size:13px}.grid.three .g .cap em{display:none}.learn-side .sub-head{margin-top:22px}@media (width<=1080px){.app-body{grid-template-columns:minmax(0,1fr) 240px}.loop{grid-template-columns:minmax(0,1fr);max-width:640px}.learn{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.app-body{grid-template-columns:minmax(0,1fr)}.app-side{border-left:0;border-top:1px solid var(--line);gap:10px;padding:12px}.app-side .side-block:first-child .side-head{display:none}.app-side .side-block:first-child dl{font:11.5px var(--mono);flex-wrap:wrap;gap:2px 12px;display:flex}.app-side .side-block:first-child dl div{display:block}.app-side .side-block:first-child dt{display:none}.app-side .side-block+.side-block{padding-top:10px}.app-main{padding:10px}.app-note{max-width:70%;padding:5px 8px;font-size:11.5px}.app-box b{font-size:11px;top:-22px}.segs span{height:18px;padding:0;font-size:0}.app-bar{grid-template-columns:auto 1fr}.app-bar .live{display:none}.loop-visual{height:auto;min-height:210px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three .g:nth-child(3){display:none}}@media (width<=560px){.hero-copy{align-items:stretch}.hero h1{font-size:clamp(40px,12vw,56px)}.hero-meta{justify-content:center}}@media (prefers-reduced-motion:reduce){.state em,.state .s1:before{animation:none}.state .s2{opacity:1}}.mini-frame.paused{padding-bottom:30px;position:relative}.mini-frame .scrub{background:#ffffff1f;border-radius:2px;height:3px;position:absolute;bottom:11px;left:14px;right:14px}.mini-frame .scrub i{background:#c9f65a;border-radius:2px;width:40%;position:absolute;top:0;bottom:0;left:0}.mini-frame .scrub i:after{content:"";background:#eef3e8;border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:-5px}.mini-frame .scrub em{font:600 10.5px var(--mono);color:#14200a;background:#c9f65a;border-radius:4px;padding:1px 6px;font-style:normal;display:none;position:absolute;top:-22px;left:40%;transform:translate(-50%)}.ui-card.inspect{margin:-14px 0 0 8%;padding:11px 14px;position:relative}.ui-card.inspect .ui-head{margin-bottom:8px}.ui-card.inspect dl{gap:4px;font-size:12px}.ui-card.inspect dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-frame.paused{padding:10px 10px 26px}.mini-frame.paused .metric{padding:6px 8px}.mini-frame.paused .metric b{font-size:20px}.mini-frame.paused .scrub{bottom:10px}.films .g:not(:first-child) .cap .t,.grid.three .g .cap .t{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.hero-note{color:var(--muted);margin:14px 0 0;font-size:13px}.closing .hero-note{color:#9aa696}.hero-wall{opacity:1;transform-origin:50% 30%;gap:14px;height:820px;inset:-40px -12% auto;transform:perspective(1600px)rotateX(14deg)rotate(-7deg)scale(1.06);-webkit-mask-image:none;mask-image:none}.hero-wall-row{gap:14px;width:max-content;animation:120s linear infinite drift}.hero-wall-row:nth-child(2){animation-duration:140s;animation-direction:reverse;transform:none}.hero-wall-row:nth-child(4){animation-duration:160s;animation-direction:reverse}.hero-wall img{border-color:var(--wall-edge);background:var(--panel);width:clamp(200px,19vw,300px)}.hero-wall img:not([src]){visibility:hidden}@keyframes drift{to{transform:translate(-50%)}}.hero-lamp{pointer-events:none;background:radial-gradient(circle 360px at var(--x,50%) var(--y,30%), var(--lamp-glow), transparent 70%), radial-gradient(ellipse 620px 300px at 50% 300px, rgb(var(--scrim) / .55), transparent 100%), radial-gradient(circle at var(--x,50%) var(--y,30%), rgb(var(--scrim) / .3) 0, rgb(var(--scrim) / .55) 130px, rgb(var(--scrim) / .9) 340px, rgb(var(--scrim) / .97) 640px);height:900px;position:absolute;inset:0 0 auto}.hero:after{background:linear-gradient(0deg, var(--stage) 0, var(--stage) calc(100% - 900px), transparent calc(100% - 520px))}@media (width<=760px){.hero-wall{opacity:.5;height:560px}.hero-lamp{height:620px}}@media (prefers-reduced-motion:reduce){.hero-wall-row{animation:none}}.hero-uses{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:22px 0 0;font-size:14px;display:flex}.hero-uses span{color:var(--muted);margin-right:4px}.hero-uses em{color:var(--ink2);border:1px solid var(--line);background:rgb(var(--glass) / .7);border-radius:999px;padding:4px 12px;font-style:normal}@media (width<=760px){br.wide{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}