@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-ext-wght-normal.cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-wght-normal.DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-greek-wght-normal.ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-vietnamese-wght-normal.D-yuW59g.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-ext-wght-normal.CxNHBx-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-wght-normal.D9elroTD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;interpolate-size:allow-keywords;--paper:light-dark(#f5f3ee,#111412);--surface:light-dark(#fffefb,#181c19);--surface-2:light-dark(#faf8f3,#1d221e);--sunken:light-dark(#eeebe4,#0d100e);--ink:light-dark(#1c1e1a,#ecebe4);--ink-2:light-dark(#3c3f38,#c9c8bf);--muted:light-dark(#696b62,#9b9c92);--faint:light-dark(#95968c,#6f7169);--line:light-dark(#e6e2d9,#272c28);--line-strong:light-dark(#d5d0c5,#353b36);--forest:#1d332e;--forest-2:#2a4740;--cream:#f6f4ed;--mint:#5fd0b0;--accent:light-dark(#1d332e,#e9e6dc);--accent-strong:light-dark(#14211d,#f6f4ed);--accent-soft:light-dark(#ebe7de,#ecebe417);--button:light-dark(#1d332e,#ebe6d6);--button-hover:light-dark(#2a4740,#fffbee);--on-button:light-dark(#f6f4ed,#14211d);--highlighter:light-dark(#f2be4280,#f2be4252);--pencil:light-dark(#85590f,#e3b866);--overlay-bg:#121316;--overlay-ink:#f2f3f5;--demo-accent:#e9e6dc;--sans:"Geist Variable", "Segoe UI", system-ui, sans-serif;--serif:"Source Serif 4 Variable", Georgia, serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--ease:cubic-bezier(.23, 1, .32, 1);--radius:12px;--radius-lg:18px;--shadow-card:0 0 0 1px var(--line), 0 1px 2px #1c1e1a0a, 0 6px 18px #1c1e1a0d;--shadow-lift:0 0 0 1px var(--line-strong), 0 2px 4px #1c1e1a0d, 0 18px 40px #1c1e1a1a}@media (prefers-color-scheme:dark){:root{--shadow-card:0 0 0 1px #ffffff14, 0 2px 6px #00000040;--shadow-lift:0 0 0 1px #ffffff1f, 0 18px 40px #00000073}}:lang(zh){--sans:"Geist Variable", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--serif:var(--sans)}:lang(ja){--sans:"Geist Variable", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", system-ui, sans-serif;--serif:var(--sans)}:lang(ko){--sans:"Geist Variable", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--serif:var(--sans)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6;overflow-x:clip}body:is(:lang(zh),:lang(ja),:lang(ko)){line-height:1.75}body:lang(ko){word-break:keep-all;overflow-wrap:break-word}:lang(ja) :is(h1,h2,h3,h4,.page-head p,.article-head p){word-break:auto-phrase}img,svg{max-width:100%;display:block}a{color:inherit}::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}html{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0;border-radius:4px}.container{--gutter:24px;width:100%;max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;background:var(--button);color:var(--on-button);transition:top .2s var(--ease);border-radius:10px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}kbd{font-family:var(--sans)}.button{height:50px;font:inherit;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.button:active{transform:scale(.98)}.button-primary{background:var(--button);color:var(--on-button);box-shadow:0 1px 2px #0000001f, 0 8px 22px -10px color-mix(in srgb, var(--forest) 60%, transparent), inset 0 1px 0 #ffffff1a}.button-primary:hover{background:var(--button-hover)}.button-quiet{background:color-mix(in srgb, var(--surface) 60%, transparent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.button-quiet:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--faint)}.button-small{height:40px;padding:0 18px;font-size:14.5px}.text-link{color:var(--accent-strong);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:after{content:"→";transition:transform .2s var(--ease)}.text-link:hover:after{transform:translate(3px)}.site-nav{--nav-gap:12px;z-index:50;padding:var(--nav-gap) 16px 0;position:sticky;top:0}.site-nav-bar{background:color-mix(in srgb, var(--paper) 72%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(16px);max-width:1200px;height:60px;transition:box-shadow .3s var(--ease), background-color .3s var(--ease);border-radius:18px;align-items:center;gap:20px;margin-inline:auto;padding:0 10px 0 16px;display:flex;box-shadow:0 0 0 1px #0000}.site-nav.is-scrolled .site-nav-bar,.site-nav.is-open .site-nav-bar{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 10px 30px -18px #12161459}@supports (-webkit-touch-callout:none){.site-nav:before{content:"";z-index:-1;height:calc(160px + var(--nav-gap));background:var(--surface);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);position:absolute;top:-160px;left:0;right:0}.site-nav.is-scrolled:before{opacity:1}}.site-brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.site-nav-links{gap:2px;margin-inline:auto;display:flex}.site-nav-links a{color:var(--muted);transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:10px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none}.site-nav-links a:hover,.site-nav-links a[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.site-nav-actions{align-items:center;gap:6px;display:flex}.site-nav-signin{color:var(--ink-2);padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none}.site-nav-signin:hover{color:var(--ink)}.lang-menu{position:relative}.lang-menu summary{height:40px;color:var(--ink-2);cursor:pointer;transition:background-color .15s var(--ease);border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:14.5px;font-weight:500;list-style:none;display:inline-flex}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover,.lang-menu[open] summary{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.lang-menu-list{background:var(--surface);min-width:180px;box-shadow:var(--shadow-lift);transform-origin:100% 0;border-radius:14px;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0}.lang-menu[open] .lang-menu-list{animation:menu-in .18s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.lang-menu-list a{color:var(--ink-2);border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.lang-menu-list a:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.lang-menu-list a[aria-current=true]{color:var(--ink);font-weight:600}.lang-menu-list a[aria-current=true]:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.site-nav-toggle{cursor:pointer;background:0 0;border:0;border-radius:10px;width:44px;height:44px;display:none;position:relative}.site-nav-toggle span{background:var(--ink);height:1.6px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;left:13px;right:13px}.site-nav-toggle span:first-child{top:17px}.site-nav-toggle span:last-child{top:25px}.site-nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.site-nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.site-nav-sheet{background:var(--surface);max-width:1200px;box-shadow:var(--shadow-lift);animation:menu-in .2s var(--ease);border-radius:18px;margin:8px auto 0;padding:8px 16px 18px;display:grid}.site-nav-sheet[hidden]{display:none}.site-nav-sheet>a{border-bottom:1px solid var(--line);color:var(--ink);padding:14px 6px;font-size:18px;font-weight:550;text-decoration:none}.site-nav-sheet-langs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:14px 0;display:flex}.site-nav-sheet-langs a{background:var(--sunken);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:14.5px;text-decoration:none}.site-nav-sheet-langs a[aria-current=true]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.site-nav-sheet>a.site-nav-sheet-signin{color:var(--accent-strong);border-bottom:0}@media (width<=860px){.site-nav-links,.site-nav-signin,.lang-menu{display:none}.site-nav-actions{margin-left:auto}.site-nav-toggle{display:block}}@media (width<=560px){.site-nav{--nav-gap:8px;padding:var(--nav-gap) 10px 0}.site-nav-bar{border-radius:16px;height:56px;padding:0 6px 0 12px}}.lang-offer{left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;background:var(--forest);width:fit-content;max-width:640px;color:var(--cream);animation:offer-in .5s .6s var(--ease) both;border-radius:14px;align-items:center;gap:14px;margin-inline:auto;padding:10px 10px 10px 18px;font-size:14.5px;line-height:1.45;display:flex;position:fixed;box-shadow:0 18px 40px -14px #0a0e0c8c}.lang-offer span{flex:auto;min-width:0}@keyframes offer-in{0%{opacity:0;transform:translateY(16px)}}.lang-offer a{color:var(--cream);text-underline-offset:3px;white-space:nowrap;font-weight:600;text-decoration:underline 1px}.lang-offer button{width:32px;height:32px;color:var(--cream);cursor:pointer;background:#f6f4ed1a;border:0;border-radius:9px;flex-shrink:0;font-size:18px}@media (width<=560px){.lang-offer{gap:10px;padding:10px 8px 10px 14px;font-size:14px;left:10px;right:10px}.lang-offer button{width:40px;height:40px}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}}@media (prefers-reduced-motion:no-preference){.hero [data-reveal]{animation:rise .9s var(--ease) both}.hero [data-reveal]:nth-child(2){animation-delay:.35s}.hero [data-reveal]:nth-child(3){animation-delay:.45s}.hero [data-reveal]:nth-child(4){animation-delay:.55s}.hero-stage{animation:rise 1.1s .6s var(--ease) both}@supports (animation-timeline:view()){main>.section [data-reveal],.page-head[data-reveal]{animation:linear both reveal view();animation-range:entry entry 45%}}}[data-words] .word{transform-origin:0 100%;display:inline-block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-words] .word{opacity:0}[data-scrub] .word{opacity:.18}}.hero{padding-top:clamp(36px,5.5vw,80px);position:relative;overflow:clip}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 50% at 50% 30%,light-dark(#fffefbe6,#ecebe40d),#0000 70%),radial-gradient(30% 34% at 78% 56%,#f2be421f,#0000 70%);height:1000px;position:absolute;inset:-12% -10% auto;-webkit-mask-image:linear-gradient(#000 45%,#0000 90%);mask-image:linear-gradient(#000 45%,#0000 90%)}.hero-copy{text-align:center;justify-items:center;display:grid}.hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:1120px;font-size:clamp(2.15rem,5.3vw,4.8rem);font-weight:600;line-height:1.04}.hero h1 em{font-family:var(--serif);letter-spacing:-.03em;font-style:italic;font-weight:420}:is(:lang(zh),:lang(ja),:lang(ko)) .hero h1{letter-spacing:-.02em;line-height:1.18}:is(:lang(zh),:lang(ja),:lang(ko)) .hero h1 em{font-style:normal;font-weight:inherit;white-space:nowrap;background:linear-gradient(var(--highlighter), var(--highlighter)) no-repeat 0 92% / 100% 34%}.hero-lead{max-width:38em;color:var(--ink-2);text-wrap:pretty;margin-top:24px;font-size:clamp(16.5px,1.6vw,19.5px);line-height:1.6}:is(:lang(zh),:lang(ja),:lang(ko)) .hero-lead{text-wrap:balance;max-width:34em}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.hero-meta{color:var(--muted);text-wrap:balance;margin-top:18px;font-size:14px}.hero-stage{margin-top:clamp(36px,6vw,76px);padding-bottom:24px}@media (width<=860px),(orientation:portrait) and (width<=1100px){.hero-lead{margin-top:18px}.hero-actions{margin-top:24px}.hero-stage{margin-top:32px}}@media (width<=560px){.hero{padding-top:28px}.hero h1{letter-spacing:-.04em;font-size:clamp(1.95rem,8.6vw,2.4rem)}.hero-lead{font-size:15.5px;line-height:1.55}.hero-actions{gap:8px;width:100%}.hero-actions .button{flex:1 1 0;min-width:max-content;height:48px;padding:0 12px;font-size:15px}.hero-meta{font-size:13px}}.demo{transform-origin:50% 100%;max-width:1080px;margin-inline:auto;position:relative;container-type:inline-size}.demo-stage{--o:1;touch-action:pan-y;width:72em;height:44em;margin-inline:auto;font-size:min(1.38889cqw,15px);position:relative}.demo-call{isolation:isolate;background:#1d1f23;border-radius:1.3em;width:50em;height:40em;position:absolute;top:2.4em;left:0;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 1.6em 4.6em #12161438}.demo-call-bar{color:#ffffff8c;align-items:center;gap:.9em;height:2.8em;padding:0 1.1em;font-size:.88em;display:flex}.demo-call-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-call-time{font-variant-numeric:tabular-nums;margin-left:auto}.demo-dots{gap:.5em;display:flex}.demo-dots i{background:#ffffff29;border-radius:50%;width:.8em;height:.8em}.demo-call-main{position:absolute;inset:2.8em .8em 5.6em}.demo-speaker{transition:inset .6s var(--ease), border-radius .6s var(--ease);background:linear-gradient(160deg,#2c3036,#24272c);border-radius:.8em;place-items:center;display:grid;position:absolute;inset:0}.demo-avatar{aspect-ratio:1;color:#2b2340;width:6.4em;transition:width .6s var(--ease), font-size .6s var(--ease);background:#c8b8ef;border-radius:50%;place-items:center;font-size:1.5em;font-weight:650;display:grid}.demo-avatar.is-you{color:#17332b;background:#a9d6c6;width:3.4em;font-size:.85em}.demo-name{color:#ffffffd9;background:#0000006b;border-radius:.45em;padding:.2em .6em;font-size:.82em;position:absolute;bottom:.7em;left:.8em}.demo-voice{align-items:flex-end;gap:.2em;height:1.1em;display:flex;position:absolute;bottom:.9em;right:.9em}.demo-voice i{background:#7ee0c3;border-radius:.2em;width:.22em;height:.3em}.demo-speaker.is-speaking{box-shadow:inset 0 0 0 .14em #7ee0c3}.demo-speaker.is-speaking .demo-voice i{animation:.7s ease-in-out infinite alternate voice}.demo-speaker.is-speaking .demo-voice i:nth-child(2){animation-delay:.18s}.demo-speaker.is-speaking .demo-voice i:nth-child(3){animation-delay:.32s}.demo-speaker.is-speaking .demo-voice i:nth-child(4){animation-delay:.1s}@keyframes voice{0%{height:.3em}to{height:1.1em}}.demo-self{aspect-ratio:16/10;background:linear-gradient(160deg,#262a2e,#202327);border-radius:.6em;place-items:center;width:9em;display:grid;position:absolute;bottom:.8em;right:.8em;box-shadow:0 0 0 1px #ffffff0f}.demo-screen{color:#1c1e1a;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);background:#f7f7f5;border-radius:.8em;position:absolute;inset:0;overflow:hidden;transform:scale(.98)}.demo-screen-bar{background:#e9e8e4;align-items:center;gap:.4em;height:1.9em;padding:0 .8em;display:flex}.demo-screen-bar i{background:#cfcdc6;border-radius:50%;width:.6em;height:.6em}.demo-screen-body{align-content:start;gap:.7em;padding:1.4em 1.8em;font-size:.95em;display:grid}.demo-screen-body b{letter-spacing:-.01em;font-size:1.35em}.demo-screen-body p{color:#3c3f38;line-height:1.5}.demo-screen-body code{font-family:var(--mono);background:#eceae4;border-radius:.5em;justify-self:start;padding:.5em .8em;font-size:.85em}.demo-screen-lines{gap:.5em;margin-top:.6em;display:grid}.demo-screen-lines i{background:#e6e4de;border-radius:.3em;height:.55em}.demo-screen-lines i:first-child{width:70%}.demo-screen-lines i:nth-child(2){width:52%}.demo-screen-lines i:nth-child(3){width:61%}.demo-stage[data-scene=coding] .demo-screen{opacity:1;transform:none}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-speaker{z-index:1;width:9em;height:5.6em;inset:.8em .8em auto auto;box-shadow:0 .4em 1.2em #00000059}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-speaker .demo-avatar{width:2.6em;font-size:.8em}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-speaker .demo-name{display:none}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-self{opacity:0}.demo-share{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);background:#15171a;border-radius:.8em;grid-template-rows:auto auto 1fr;align-content:start;justify-items:start;gap:.55em;padding:.9em 1em;display:grid;position:absolute;inset:0;transform:scale(.985)}.demo-stage[data-sharing] .demo-share{opacity:1;transform:none}.demo-share-bar{color:#ffb4ab;background:#e5534b29;border-radius:999px;align-items:center;gap:.5em;padding:.32em .8em;font-size:.8em;font-weight:600;display:inline-flex}.demo-share-bar i{width:.5em;height:.5em;animation:share-dot 1.4s var(--ease) infinite;background:#e5534b;border-radius:50%}@keyframes share-dot{50%{opacity:.35}}.demo-share-label{color:#fff9;font-size:.78em}.demo-share-desk{aspect-ratio:72/44;background:radial-gradient(120% 90% at 80% 10%,#4a5560,#2a3036 60%,#22272c);border-radius:.55em;width:37em;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.demo-share-call{background:#1d1f23;border-radius:.4em;width:69.4%;height:90.9%;position:absolute;top:5.45%;left:0;overflow:hidden}.demo-share-bar-mini{background:#ffffff0d;height:7%;position:absolute;top:0;left:0;right:0}.demo-share-avatar{aspect-ratio:1;background:#c8b8ef;border-radius:50%;width:13%;position:absolute;top:45%;left:50%;translate:-50% -50%}.demo-share-self{aspect-ratio:16/10;background:#2c3036;border-radius:.25em;width:18%;position:absolute;bottom:4%;right:3%}.demo-share-gap{color:#ffffffd9;text-align:center;border:1.5px dashed #fff6;border-radius:.55em;place-content:center;justify-items:center;gap:.45em;width:33.5%;height:70%;padding:.6em;font-size:.72em;line-height:1.35;display:grid;position:absolute;top:1.5%;left:65.3%}.demo-share-gap svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.6em;height:1.6em}.demo-caption{color:#fff;background:#00000061;border-radius:.8em;min-height:4em;padding:.75em 1em;font-size:.98em;line-height:1.5;position:absolute;bottom:.8em;left:.8em;right:.8em}.demo-caption b{color:#c8b8ef;margin-right:.4em;font-weight:600}.demo-caption-text{display:none}.demo-stage[data-scene=prepared] [data-caption=prepared],.demo-stage[data-scene=code] [data-caption=code],.demo-stage[data-scene=coding] [data-caption=coding],.demo-stage[data-scene=away] [data-caption=away]{display:inline}.demo-overlay{background:var(--overlay-bg);width:25em;color:var(--overlay-ink);font-size:calc(var(--o) * 1em);transform-origin:94% 4%;border-radius:1.1em;display:grid;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 2em 5.4em #0a0c0b73,0 .55em 1.35em #0a0c0b40}.demo-head{color:#f2f3f594;font-variant-numeric:tabular-nums;border-bottom:1px solid #f2f3f514;align-items:center;gap:.8em;height:2.7em;padding:0 .6em 0 1em;font-size:.8em;display:flex}.demo-state{align-items:center;gap:.5em;display:inline-flex}.demo-state b{color:#f2f3f5d9;font-weight:550}.demo-state i{background:var(--demo-accent);border-radius:50%;width:.55em;height:.55em}.demo-state[data-kind=listening] i{animation:pulse 1.6s var(--ease) infinite}.demo-state[data-kind=question] i{background:#f2be42}.demo-state[data-kind=searching] i{animation:pulse .9s var(--ease) infinite;background:#8fb8ff}.demo-state[data-kind=answering] i{animation:pulse .9s var(--ease) infinite;background:#f2f3f5}@keyframes pulse{0%,to{box-shadow:0 0 #e9e6dc73}60%{box-shadow:0 0 0 .45em #e9e6dc00}}.demo-icons{gap:.15em;margin-left:auto;display:flex}.demo-icons i{border-radius:.5em;place-items:center;width:2.1em;height:2.1em;display:grid}.demo-overlay svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.demo-body{align-content:start;min-height:17.5em;padding:1em 1.15em 1.1em;display:grid}.demo-pane{align-content:start;gap:.75em;display:none}.demo-stage[data-scene=prepared] [data-pane=prepared],.demo-stage[data-scene=code] [data-pane=code],.demo-stage[data-scene=coding] [data-pane=coding],.demo-stage[data-scene=away] [data-pane=away]{display:grid}.demo-question{color:#f2f3f5cc;font-size:.86em;line-height:1.5}.demo-answer{font-size:1em;line-height:1.62}.demo-tag{color:#f2f3f5;background:#e9e6dc1f;border-radius:999px;justify-self:start;padding:.25em .7em;font-size:.78em;font-weight:550}.demo-search{color:#f2f3f5bf;background:#f2f3f50f;border-radius:.7em;flex-wrap:wrap;align-items:center;gap:.5em;padding:.6em .8em;font-size:.8em;display:flex}.demo-search code,.demo-answer .inline-code{font-family:var(--mono);background:#f2f3f51a;border-radius:.35em;padding:.08em .4em;font-size:.86em}.demo-search-dots{grid-template-columns:repeat(3,.36em);gap:.2em;display:inline-grid}.demo-search-dots i{width:.36em;height:.36em;animation:dot 1.2s var(--ease) infinite;background:#8fb8ff;border-radius:1px}.demo-search-dots i:nth-child(2){animation-delay:.15s}.demo-search-dots i:nth-child(3){animation-delay:.3s}.demo-attached{color:#c9dcff;background:#8fb8ff24;border-radius:999px;justify-self:start;align-items:center;gap:.45em;padding:.3em .7em;font-size:.78em;display:inline-flex}.demo-attached i{display:grid}.demo-code{color:#d7dbe2;font-family:var(--mono);white-space:pre;background:#f2f3f50f;border-radius:.6em;padding:.7em .85em;font-size:.7em;line-height:1.55;overflow:hidden}.hl>span{background-image:linear-gradient(var(--highlighter), var(--highlighter));background-position:0 90%;background-repeat:no-repeat;background-size:100% 42%;font-weight:620}mark.hl{color:inherit;background:0 0}.demo .hl>span{background-image:linear-gradient(#f2be4280,#f2be4280)}.demo .pencil{color:#e3b866;text-underline-offset:.25em;text-decoration:underline dotted #e3b86699}.demo-caret{vertical-align:-.15em;background:var(--overlay-ink);opacity:0;width:.13em;height:1.05em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{visibility:hidden}}.demo-source{color:#f2f3f58c;font-size:.76em}.demo-actions{border-top:1px solid #f2f3f514;flex-wrap:wrap;gap:.35em;padding:.7em .8em 0;display:flex}.demo-actions span{color:#f2f3f5c7;white-space:nowrap;background:#f2f3f50f;border-radius:.6em;align-items:center;gap:.4em;height:2.2em;padding:0 .7em;font-size:.76em;display:inline-flex}.demo-actions span i{display:grid}.demo-actions .is-main{background:var(--demo-accent);color:var(--overlay-bg);font-weight:600}.demo-actions .is-files{color:#c9dcff}.demo-actions kbd{background:#0d2a2729;border-radius:.35em;place-items:center;min-width:1.5em;height:1.5em;padding:0 .3em;font-size:.85em;font-weight:600;display:inline-grid}.demo-composer{color:#f2f3f566;background:#f2f3f50f;border-radius:.7em;align-items:center;gap:.6em;height:2.6em;margin:.6em .8em 0;padding:0 .4em 0 .7em;font-size:.82em;display:flex}.demo-composer i{display:grid}.demo-composer b{color:#f2f3f599;background:#f2f3f51a;border-radius:.5em;place-items:center;width:1.9em;height:1.9em;margin-left:auto;display:grid}.demo-foot{gap:.35em;padding:.7em .8em .8em;display:flex}.demo-foot>span{color:#f2f3f599;white-space:nowrap;background:#f2f3f50f;border-radius:.55em;align-items:center;gap:.35em;height:2.15em;padding:0 .6em;font-size:.74em;display:inline-flex}.demo-foot>span i{display:grid}.demo-foot .is-on{color:#f2f3f5;background:#e9e6dc1f}.demo-foot .demo-mode{margin-left:auto}.demo-foot .demo-end{color:#ffb4ab}.demo-level{align-items:flex-end;gap:.12em;height:.9em;display:inline-flex}.demo-level b{background:var(--demo-accent);border-radius:.1em;width:.18em;animation:.9s ease-in-out infinite alternate level}.demo-level b:first-child{height:40%}.demo-level b:nth-child(2){height:90%;animation-delay:.2s}.demo-level b:nth-child(3){height:60%;animation-delay:.35s}@keyframes level{to{transform:scaleY(.45)}}.demo-keys{opacity:0;pointer-events:none;gap:.5em;display:flex;position:absolute;top:17em;left:14em}.demo-keys kbd{color:#1c1e1a;background:#fffefb;border-radius:.7em;place-items:center;min-width:3.4em;height:3.2em;padding:0 .9em;font-size:1.05em;font-weight:600;display:grid;box-shadow:0 .15em #c9c4b8,0 .9em 2em #0a0c0b59}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.demo-tabs button{background:color-mix(in srgb, var(--surface) 70%, transparent);height:40px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);font:inherit;cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:999px;padding:0 16px;font-size:14.5px;font-weight:550;position:relative;overflow:hidden}.demo-tabs button:hover{color:var(--ink)}.demo-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong), 0 6px 16px -10px #12161459}.demo-tab-progress{background:var(--accent);transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:6px;left:16px;right:16px;transform:scaleX(0)}.demo-tabs button:not([aria-selected=true]) .demo-tab-progress{opacity:0}.demo figcaption{color:var(--muted);text-align:center;margin-top:16px;font-size:13.5px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demo .w,.demo [data-reveal-part],.demo [data-search]{opacity:0}.demo .hl>span{background-size:0% 42%}}@container (width>=600px) and (width<=819px){.demo-stage{--o:1.04;width:58em;height:33.4em;font-size:min(1.72414cqw,14px)}.demo-code{font-size:.65em}.demo-call{width:31em;height:27.5em}.demo-call-main{inset:2.6em .7em 5.4em}.demo-avatar{width:4.8em;font-size:1.25em}.demo-self{width:6.8em}.demo-caption{min-height:4em;padding:.6em .85em;font-size:.94em}.demo-keys{top:13em;left:6.5em}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-speaker{width:7em;height:4.4em}.demo-share{grid-template-rows:auto 1fr;gap:.45em;padding:.7em .8em}.demo-share-label{display:none}.demo-share-desk{aspect-ratio:58/33.4;width:20em}.demo-share-call{width:53.4%;height:82%;top:7.2%}.demo-share-gap{gap:.25em;width:44%;height:95%;padding:.4em;font-size:.6em;top:.8%;left:55.2%}.demo-screen-body{gap:.55em;padding:1.1em 1.3em}.demo-screen-lines{display:none}}@container (width<=599px){.demo-stage{--o:1.3;width:40em;height:67.5em;font-size:min(2.5cqw,13.5px)}.demo-call{width:40em;height:30em;top:0}.demo-call-main{inset:2.6em .7em 5.4em}.demo-avatar{width:4.6em;font-size:1.2em}.demo-self{width:8em}.demo-caption{min-height:4em;padding:.6em .85em;font-size:.95em}.demo-overlay{width:auto;top:22.3em;left:1.2em;right:1.2em}.demo-body{min-height:15em}.demo-code{font-size:.67em}.demo-keys{top:10.5em;left:50%;translate:-50%}.demo-stage:is([data-scene=coding],[data-sharing]) .demo-speaker{width:7em;height:4.4em}.demo-share{grid-template-rows:auto 1fr;gap:.45em;padding:.7em .8em}.demo-share-label{display:none}.demo-share-desk{width:29em}.demo-share-gap{gap:.3em;padding:.4em;font-size:.85em}.demo-screen-body{gap:.6em;padding:1.2em 1.4em}.demo-foot .demo-end,.demo-actions span:nth-child(3){display:none}}@media (width<=560px){.demo-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-top:20px;display:grid}.demo-tabs button{padding:0 10px;font-size:14px}}.section{padding-block:clamp(80px,11vw,150px)}.section-title{letter-spacing:-.035em;text-wrap:balance;max-width:18em;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:600;line-height:1.08}:is(.section-title,.cta h2) em{font-family:var(--serif);letter-spacing:-.02em;font-style:italic;font-weight:420}:is(:lang(zh),:lang(ja),:lang(ko)) :is(.section-title,.cta h2) em{font-style:normal;font-weight:inherit;background:linear-gradient(var(--highlighter), var(--highlighter)) no-repeat 0 92% / 100% 34%}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:18px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--mint);width:8px;height:15px;transform:translateY(-1px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 15'%3E%3Cpath d='M1.8 1.8A9 9 0 0 1 1.8 13.2' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 15'%3E%3Cpath d='M1.8 1.8A9 9 0 0 1 1.8 13.2' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}:is(:lang(zh),:lang(ja),:lang(ko)) .eyebrow{letter-spacing:.04em}.section-forest .eyebrow{color:color-mix(in srgb, var(--cream) 62%, transparent)}:is(:lang(zh),:lang(ja),:lang(ko)) .section-title{letter-spacing:-.015em;line-height:1.25}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.steps{margin-top:56px;padding:0;list-style:none;display:grid}.step{view-timeline:--step;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:48px;display:grid;position:relative}.step:before{content:"";background:var(--line-strong);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}@keyframes draw-rule{0%{transform:scaleX(0)}}.step-when{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:12.5px;font-weight:600;display:block}:is(:lang(zh),:lang(ja),:lang(ko)) .step-when{letter-spacing:.04em}.step h3{letter-spacing:-.025em;font-size:clamp(1.45rem,2.2vw,1.85rem);font-weight:650;line-height:1.2}.step p{max-width:34em;color:var(--ink-2);margin-top:14px}.step-figure{justify-self:stretch}.prep-run{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);gap:4px;padding:14px;display:grid}.task-row{border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px;display:grid}.task-row+.task-row{border-top:1px solid var(--line);border-radius:0}.task-row b{font-size:15px;font-weight:600;display:block}.task-row small{color:var(--muted);font-size:13.5px}.task-icon{background:var(--accent);border-radius:50%;width:26px;height:26px;position:relative}.task-icon:after{content:"";border:solid var(--surface);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:6px;left:9px;transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.step:before{animation:linear both draw-rule --step;animation-range:entry entry 90%}.prep-run .task-row{animation:linear both reveal view();animation-range:entry 10% entry 60%}.prep-run .task-row:nth-child(2){animation-range:entry 20% entry 70%}.prep-run .task-row:nth-child(3){animation-range:entry 30% entry 80%}.mini-overlay .hl>span{animation:linear both draw-mark view();animation-range:entry 70% cover 45%}.limit-meter span{animation:linear both fill-meter view();animation-range:entry 60% cover 50%}}}@keyframes draw-mark{0%{background-size:0% 42%}}@keyframes fill-meter{0%{transform:scaleX(0)}}.mini-overlay{background:var(--overlay-bg);color:var(--overlay-ink);border-radius:16px;gap:10px;padding:20px 22px;display:grid;box-shadow:0 20px 50px #0a0c0b40}.mini-overlay-q{color:#f2f3f5cc;font-size:13px}.mini-overlay-a{font-size:15.5px;line-height:1.65}.mini-overlay .hl>span{background-image:linear-gradient(#f2be4280,#f2be4280)}.mini-overlay-tag{color:#f2f3f5;background:#e9e6dc1f;border-radius:999px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:550}.notes{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);gap:8px;padding:22px 24px;font-size:15px;display:grid}.notes b{color:var(--muted);margin-top:6px;font-size:13px;font-weight:650}.notes b:first-child{margin-top:0}.notes-task{cursor:pointer;align-items:center;gap:10px;width:fit-content;display:flex}.notes-task input{appearance:none;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;transition:background-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);border-radius:4px;flex-shrink:0;place-items:center;margin:0;display:grid;position:relative}.notes-task input:after{content:"";border-left:2px solid var(--surface);border-bottom:2px solid var(--surface);width:8px;height:4px;transition:transform .22s var(--ease);margin-top:-2px;transform:rotate(-45deg)scale(0)}.notes-task input:checked{background:var(--accent);box-shadow:none}.notes-task input:checked:after{transform:rotate(-45deg)scale(1)}.notes-task input:active{transform:scale(.88)}.notes-task input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}.notes-task span{transition:color .25s var(--ease), background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 55%/0 1.5px no-repeat}.notes-task:has(input:checked) span{color:var(--muted);background-size:100% 1.5px}.notes-task:hover input:not(:checked){box-shadow:inset 0 0 0 1.5px var(--ink-2)}.section-marks{background:light-dark(color-mix(in srgb, var(--mint) 10%, var(--paper)),color-mix(in srgb, var(--mint) 5%, var(--paper)));border-block:1px solid light-dark(color-mix(in srgb, var(--mint) 22%, var(--paper)),color-mix(in srgb, var(--mint) 12%, var(--paper)))}.marks{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.marks-copy p{max-width:32em;color:var(--ink-2);margin-top:20px}.marks-sample{font-family:var(--serif);letter-spacing:-.01em;text-wrap:pretty;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.9}.marks-sample .hl>span{font-weight:600}.marks-sample .hl.has-label{position:relative}.hl-label{color:color-mix(in srgb, var(--ink) 58%, transparent);font:650 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;position:absolute;bottom:calc(100% - .12em);left:1px}.hl-aside{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.marks-sample .hl>span{background-size:0% 42%}.marks-sample .hl-label{opacity:0}}.pencil{color:var(--pencil);text-decoration:underline dotted color-mix(in srgb, var(--pencil) 60%, transparent);text-underline-offset:5px;text-decoration-thickness:1.5px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:16px;margin-top:56px;display:grid}.bento-group{display:contents}.bento-card{border-radius:var(--radius-lg);background:var(--surface);min-height:260px;box-shadow:var(--shadow-card);transition:box-shadow .3s var(--ease), transform .3s var(--ease);flex-direction:column;grid-column:span 2;gap:12px;padding:28px;display:flex;position:relative;overflow:hidden}@media (hover:hover){.bento-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}.bento-card:before,.bento-card:after,.article-card:before,.article-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);position:absolute;inset:0}.bento-card:after,.article-card:after{background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,0%), light-dark(#f2be421c,#f2be4212), transparent 70%)}.bento-card:before,.article-card:before{background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,0%), color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%);padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (hover:hover) and (pointer:fine){:is(.bento-card,.article-card):hover:before,:is(.bento-card,.article-card):hover:after{opacity:1}}.bento-wide{grid-column:span 4}.bento-half{grid-column:span 3}.bento-card h3{letter-spacing:-.02em;font-size:20px;font-weight:650;line-height:1.25}.bento-card p{color:var(--ink-2);font-size:15.5px}.file-peek{background:var(--sunken);color:var(--ink-2);border-radius:12px;gap:10px;margin-top:auto;padding:14px 16px 12px;font-size:14px;display:grid;position:relative;overflow:hidden}.file-peek-head{align-items:center;gap:10px;display:flex}.file-peek ol{font-family:var(--mono);gap:2px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.file-peek li{color:var(--muted);border-radius:7px;padding:5px 8px}.file-peek li.is-hit{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.file-peek li small{color:var(--accent-strong);font-size:1em}.file-peek ol{z-index:1;position:relative}.file-peek li{transition:background-color .35s var(--ease), color .35s var(--ease), box-shadow .35s var(--ease)}.file-peek.is-searching li.is-hit{color:var(--muted);box-shadow:none;background:0 0}.file-peek-scan{background:color-mix(in srgb, var(--accent) 12%, transparent);opacity:0;pointer-events:none;border-radius:7px;height:0;position:absolute;top:0;left:16px;right:16px}.search-dots{grid-template-columns:repeat(3,5px);gap:3px;display:inline-grid}.search-dots i{background:var(--accent);width:5px;height:5px;animation:dot 1.2s var(--ease) infinite;border-radius:1px}.search-dots i:nth-child(2){animation-delay:.15s}.search-dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.25}50%{opacity:1}}.agenda{background:var(--sunken);border-radius:12px;gap:4px;margin:auto 0 0;padding:8px;list-style:none;display:grid}.agenda li{transition:background-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.agenda li.is-next{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.agenda time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:550}.agenda span{gap:1px;min-width:0;display:grid}.agenda strong,.agenda small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agenda strong{color:var(--ink);font-size:14px;font-weight:600}.agenda small{color:var(--muted);font-size:12px}.agenda b{background:var(--accent-soft);color:var(--accent-strong);transition:background-color .3s var(--ease), color .3s var(--ease);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650}@media (hover:hover){.bento-calendar:hover .agenda b{background:var(--button);color:var(--on-button)}}.bank-card{background:var(--sunken);border-radius:14px;gap:12px;margin-top:auto;padding:16px;display:grid}.bank-card-q{font-size:15px;font-weight:600;line-height:1.4}.bank-card-rates{flex-wrap:wrap;gap:10px 8px;display:flex}.bank-card-rates button{background:var(--surface);box-shadow:0 0 0 1px var(--line);font:inherit;cursor:pointer;transition:box-shadow .25s var(--ease), background-color .25s var(--ease), transform .15s var(--ease);border:0;border-radius:9px;align-items:center;gap:6px;padding:5px 8px 5px 10px;font-size:12.5px;font-weight:550;display:inline-flex}.bank-card-rates button:hover{box-shadow:0 0 0 1px var(--line-strong)}.bank-card-rates button:active{transform:scale(.96)}.bank-card-rates button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}.bank-card-rates button[aria-checked=true]{background:color-mix(in srgb, currentColor 9%, var(--surface));box-shadow:inset 0 0 0 1.5px}.bank-card-next{min-height:1.4em;color:var(--muted);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);font-size:12.5px;transform:translateY(-3px)}.bank-card-next.is-shown{opacity:1;transform:none}.bank-card-rates kbd{background:var(--sunken);min-width:18px;height:18px;color:var(--muted);border-radius:5px;place-items:center;font-size:11px;display:grid}.bank-card-rates .is-1{color:light-dark(#b0372d,#f0867d)}.bank-card-rates .is-2{color:light-dark(#9a5a12,#e2a65c)}.bank-card-rates .is-3{color:var(--accent-strong)}.feedback{background:var(--sunken);border-radius:12px;gap:8px;margin-top:auto;padding:14px 16px;display:grid}.feedback-rating{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;justify-self:start;padding:2px 9px;font-size:12px;font-weight:650}.feedback q{color:var(--ink-2);font-family:var(--serif);font-size:15.5px;font-style:italic;line-height:1.5}.limit-control{gap:10px;margin-top:auto;display:grid}.limit-control input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;padding:0 2px}.limit-control input::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.limit-control input::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.limit-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;border:2px solid var(--accent);background:var(--surface);width:18px;height:18px;transition:transform .2s var(--ease);border-radius:50%;margin-top:-7px}.limit-control input::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--accent);background:var(--surface);border-radius:50%;width:18px;height:18px}.limit-control input:active::-webkit-slider-thumb{transform:scale(1.15)}.limit-control input:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:6px}.limit-meter span{transition:width .25s var(--ease), background-color .3s var(--ease)}.limit-meter{background:var(--sunken);border-radius:4px;height:8px;overflow:hidden}.limit-control.is-close .limit-meter span{background:light-dark(#b8742a,#e2a65c)}.limit-meter span{width:var(--fill);border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;display:block}.limit-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.paper-stack{height:96px;margin-top:auto;position:relative}.paper-stack span{width:92px;height:120px;transition:transform .45s var(--ease);background:#fff;border-radius:3px;position:absolute;bottom:-38px;left:50%;box-shadow:0 1px 2px #1c1e1a1f,0 8px 18px #1c1e1a1f}.paper-stack span:first-child{background:#f3f0e8;transform:translate(-90%)rotate(-8deg)}.paper-stack span:nth-child(2){background:#f7f5ef;transform:translate(-10%)rotate(7deg)}.paper-stack span:nth-child(3){background:#fff linear-gradient(#d8d4ca,#d8d4ca) 14px 18px/46% 6px no-repeat;transform:translate(-50%)}@media (hover:hover){.bento-paper:hover .paper-stack span:first-child{transform:translate(-104%)rotate(-12deg)}.bento-paper:hover .paper-stack span:nth-child(2){transform:translate(4%)rotate(11deg)}.bento-paper:hover .paper-stack span:nth-child(3){transform:translate(-50%)translateY(-8px)}}.language-chips{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:flex}.language-chips li{background:var(--sunken);color:var(--ink-2);transition:background-color .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);border-radius:999px;padding:7px 13px;font-size:14.5px;font-weight:550}.language-chips li.is-current{background:var(--accent-soft);color:var(--accent-strong)}.language-chips li:nth-child(2){--lift-delay:40ms}.language-chips li:nth-child(3){--lift-delay:80ms}.language-chips li:nth-child(4){--lift-delay:.12s}.language-chips li:nth-child(5){--lift-delay:.16s}@media (hover:hover){.bento-languages:hover .language-chips li{transition-delay:var(--lift-delay,0s);transform:translateY(-2px)}}@media (width<=960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card,.bento-half{grid-column:span 1}.bento-wide{grid-column:span 2}}.swipe-pager{justify-content:center;gap:2px;display:none}.swipe-pager button{min-width:28px;height:32px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid}.swipe-pager i{background:var(--line-strong);width:7px;height:7px;transition:width .3s var(--ease), background-color .3s var(--ease);border-radius:4px}.swipe-pager [aria-current=true] i{background:var(--accent);width:22px}.swipe-pager.is-labelled{background:var(--sunken);border-radius:999px;gap:4px;width:fit-content;margin:36px auto 0;padding:4px}.swipe-pager.is-labelled button{height:38px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;transition:background-color .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;padding:0 16px;font-size:13px;font-weight:600}:is(:lang(zh),:lang(ja),:lang(ko)) .swipe-pager.is-labelled button{letter-spacing:.02em}.swipe-pager.is-labelled [aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 2px 6px -2px #1216142e}@media (width<=640px){.steps{margin:18px calc(-1 * var(--gutter)) 0;padding:6px var(--gutter) 24px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:88%;grid-auto-flow:column;gap:14px;display:grid;overflow:auto hidden}.steps>.step{scroll-snap-align:start;grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;padding:0}.step:before,.step-when{display:none}main .steps>[data-reveal],.steps .prep-run .task-row{animation:none}.swipe-pager[data-for=steps]{display:flex}}@media (width<=620px){.bento{margin-top:32px;display:block}.bento-group{margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter) 14px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:84%;grid-auto-flow:column;gap:12px;display:grid;overflow:auto hidden}.bento>.swipe-pager+.bento-group{margin-top:18px}.bento-card,.bento-wide,.bento-half{scroll-snap-align:start;grid-column:auto;min-height:0;padding:24px}main .bento-group>[data-reveal]{animation:none}.paper-stack{height:110px}.bento-paper.is-active .paper-stack span:first-child{transform:translate(-104%)rotate(-12deg)}.bento-paper.is-active .paper-stack span:nth-child(2){transform:translate(4%)rotate(11deg)}.bento-paper.is-active .paper-stack span:nth-child(3){transform:translate(-50%)translateY(-8px)}.bento-languages.is-active .language-chips li{transition-delay:var(--lift-delay,0s);transform:translateY(-2px)}.bento-calendar.is-active .agenda b{background:var(--button);color:var(--on-button)}.swipe-pager[data-for^=bento]{display:flex}}:is(.steps,.bento-group,.article-grid)::-webkit-scrollbar{display:none}:is(.steps,.bento-group,.article-grid)>*{scroll-snap-stop:always}@media (hover:none){:is(.bento-card,.article-card):before,:is(.bento-card,.article-card):after{display:none}}.section-forest{background:var(--forest);color:var(--cream)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.section-forest{animation:linear both open-band view();animation-range:entry entry 70%}}}@keyframes open-band{0%{clip-path:inset(0 clamp(8px,50vw - 600px,4vw) round 28px)}to{clip-path:inset(0)}}.section-forest .section-title{color:var(--cream)}.privacy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin:56px 0 44px;padding:0;list-style:none;display:grid}.privacy-list li{color:#f6f4edc7;border-top:1px solid #f6f4ed29;padding-top:22px}.privacy-list b{color:var(--cream);letter-spacing:-.01em;margin-bottom:6px;font-size:19px;font-weight:650;display:block}.section-forest .text-link{color:#a9e3cf}.faq{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:40px clamp(32px,6vw,96px);display:grid}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;font-size:18px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";background:linear-gradient(var(--ink-2), var(--ink-2)) center / 100% 1.6px no-repeat, linear-gradient(var(--ink-2), var(--ink-2)) center / 1.6px 100% no-repeat;width:14px;height:14px;transition:transform .3s var(--ease);flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{max-width:42em;color:var(--ink-2);padding:0 4px 24px}.faq-item::details-content{block-size:0;transition:block-size .35s var(--ease), content-visibility .35s allow-discrete;overflow:hidden}.faq-item[open]::details-content{block-size:auto}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.article-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow .3s var(--ease), transform .3s var(--ease);flex-direction:column;gap:10px;padding:26px;text-decoration:none;display:flex;position:relative}@media (hover:hover){.article-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}.article-card h3,.article-card h2{letter-spacing:-.02em;font-size:20px;font-weight:650;line-height:1.28}.article-card p{color:var(--muted);font-size:15px}.article-kind{color:var(--accent-strong);font-size:13px;font-weight:650}.mascot{--mascot-body:light-dark(var(--forest),var(--cream));--mascot-eye:light-dark(var(--cream),var(--forest));--mascot-side:var(--nod-band,var(--mint));--mascot-shadow:var(--ink);flex-shrink:0;overflow:visible}@media (scripting:enabled){:root:not([data-nod-skin]) .mascot{visibility:hidden}}:root[data-nod-skin=pumpkin] .mascot{--mascot-body:#e8843a;--mascot-eye:#3a2410;--nod-band:#4f9d5a}:root[data-nod-skin=midnight] .mascot{--mascot-body:light-dark(#27406a,#4a6fa8);--mascot-eye:#ffe7a3;--nod-band:#f2b84b;--nod-z:#f2b84b}:root[data-nod-skin=pumpkin] .mascot :is(.m-ribs,.m-stem),:root[data-nod-skin=beanie] .mascot .m-beanie,:root[data-nod-skin=bunny] .mascot .m-ears,:root[data-nod-skin=scholar] .mascot .m-glasses{display:inline}.cta{isolation:isolate;padding-block:clamp(72px,9vw,120px) clamp(96px,12vw,160px);position:relative;overflow:clip}.cta-inner{text-align:center;justify-items:center;display:grid}.cta-mascot{margin-bottom:18px}.cta h2{letter-spacing:-.04em;text-wrap:balance;max-width:16em;font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:600;line-height:1.05}:is(:lang(zh),:lang(ja),:lang(ko)) .cta h2{letter-spacing:-.015em;line-height:1.22}.tagline-name{font-family:var(--sans);letter-spacing:-.025em;font-style:normal;font-weight:650}.tagline-stop{background:currentColor;border-radius:50%;width:.16em;height:.16em;margin-left:.05em;display:inline-block}@media (width<=860px){.marks,.faq{grid-template-columns:minmax(0,1fr)}.step{gap:32px;padding-block:40px}.privacy-list{gap:28px 32px}.article-grid{margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter) 18px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(84%,360px);grid-auto-flow:column;gap:12px;overflow:auto hidden}.article-grid>.article-card{scroll-snap-align:start}main .article-grid>[data-reveal]{animation:none}.swipe-pager[data-for=articles]{display:flex}}@media (width<=600px){.privacy-list{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.container{--gutter:16px}body{font-size:16.5px}.button{height:48px;padding:0 20px}}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding:64px 0 32px}.site-footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr) minmax(0,.6fr) minmax(0,1.2fr);gap:40px;display:grid}.site-footer-brand p{max-width:22em;color:var(--muted);margin-top:14px;font-size:15px}.site-footer-brand .site-footer-signoff{color:var(--ink);margin-top:6px;font-weight:600}.site-footer-langs{flex-wrap:wrap;gap:4px 14px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.site-footer-langs a{color:var(--muted);text-decoration:none}.site-footer-langs a:hover,.site-footer-langs a[aria-current=true]{color:var(--ink)}.site-footer nav{align-content:start;gap:10px;display:grid}.site-footer h2{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:650}.site-footer nav a{color:var(--muted);font-size:15px;text-decoration:none}.site-footer nav a:hover{color:var(--ink)}.site-footer-base{border-top:1px solid var(--line);color:var(--faint);gap:20px;margin-top:56px;padding-top:24px;font-size:14px;display:flex}.site-footer-base span{margin-right:auto}.site-footer-base a{color:var(--faint);text-decoration:none}.site-footer-base a:hover{color:var(--ink)}.site-footer nav a.site-footer-all{display:none}@media (width<=760px){.site-footer-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.site-footer{padding-top:48px}.site-footer-articles a:nth-of-type(n+5){display:none}.site-footer nav a.site-footer-all{color:var(--accent-strong);margin-top:4px;display:inline-flex}}.page-head{padding-top:clamp(48px,8vw,104px);padding-bottom:40px}.page-head h1{letter-spacing:-.04em;text-wrap:balance;max-width:16em;font-size:clamp(2.3rem,4.6vw,3.8rem);font-weight:600;line-height:1.06}:is(:lang(zh),:lang(ja),:lang(ko)) :is(.page-head h1,.article-head h1,.not-found h1){letter-spacing:-.015em;line-height:1.22}.page-head p{max-width:40em;color:var(--ink-2);margin-top:20px;font-size:19px}.prose{max-width:720px;font-family:var(--serif);color:var(--ink);font-size:19.5px;line-height:1.72}:is(:lang(zh),:lang(ja),:lang(ko)) .prose{font-size:17.5px;line-height:1.9}.prose>*+*{margin-top:1.05em}.prose h2{font-family:var(--sans);letter-spacing:-.025em;margin-top:2.1em;scroll-margin-top:104px;font-size:1.45em;font-weight:650;line-height:1.25}.prose h3{font-family:var(--sans);letter-spacing:-.015em;margin-top:1.7em;scroll-margin-top:104px;font-size:1.12em;font-weight:650;line-height:1.35}.prose h2+*,.prose h3+*{margin-top:.6em}.prose a{color:var(--accent-strong);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{text-decoration-thickness:2px}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--faint)}.prose strong{font-weight:650}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink-2);padding:4px 0 4px 22px;font-style:italic}:is(:lang(zh),:lang(ja),:lang(ko)) .prose blockquote{font-style:normal}.prose hr{border:0;border-top:1px solid var(--line);margin-block:2.4em}.prose code{background:var(--sunken);font-family:var(--mono);border-radius:5px;padding:2px 6px;font-size:.82em}.prose pre{background:var(--sunken);border-radius:12px;padding:18px 20px;font-size:.8em;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.8em;line-height:1.5}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px}.prose th{color:var(--muted);font-size:.92em;font-weight:600}.prose .table-scroll{margin-inline:-4px;padding-inline:4px;overflow-x:auto}.prose mark{color:inherit;background:linear-gradient(var(--highlighter), var(--highlighter)) no-repeat 0 90% / 100% 42%}.article-archive{padding-bottom:clamp(64px,8vw,110px)}.article-archive .page-head{padding-bottom:30px}.archive-search{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;width:100%;padding:5px 5px 5px 16px;display:flex}.archive-search>svg{color:var(--muted);flex:none}.archive-search input{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:4px;flex:1}.archive-search input::placeholder{color:var(--muted);opacity:1}.archive-search button{background:var(--button);min-height:44px;color:var(--on-button);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding-inline:20px;font-weight:600}.archive-search button:hover{background:var(--button-hover)}.archive-status:not(:empty){color:var(--muted);margin-top:20px;font-size:15px}.archive-list{margin-top:24px;padding:0;list-style:none}.archive-list>li{border-top:1px solid var(--line-strong)}.archive-list>li:last-child{border-bottom:1px solid var(--line-strong)}.archive-row{grid-template-columns:minmax(0,1fr) minmax(165px,20%);align-items:start;column-gap:clamp(24px,5vw,80px);padding-block:clamp(18px,1.8vw,24px);display:grid}.archive-summary{min-width:0}.archive-summary h2{color:var(--ink);font:600 clamp(21px, 2vw, 27px)/1.24 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere;margin-block:6px 8px}.archive-summary h2 a{color:inherit;text-decoration:none}.archive-summary h2 a:hover,.archive-summary h2 a:focus-visible{text-underline-offset:.15em;text-decoration:underline 1px}.archive-summary p{max-width:74ch;color:var(--ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.55}.archive-byline{color:var(--muted);gap:3px;padding-top:3px;font-size:14px;line-height:1.5;display:grid}.archive-byline [data-author]{color:var(--ink-2);font-weight:550}.archive-pagination{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;margin-top:24px;display:grid}.archive-page-count{color:var(--muted);grid-area:1/2;font-size:14px}.archive-page-link{min-height:44px;color:var(--ink);text-underline-offset:.25em;align-items:center;font-weight:550;display:inline-flex}.archive-page-link[rel=prev]{grid-area:1/1;justify-self:start}.archive-page-link[rel=next]{grid-area:1/3;justify-self:end}@media (width<=650px){.archive-row{grid-template-columns:minmax(0,1fr);row-gap:12px}.archive-byline{flex-wrap:wrap;align-items:baseline;gap:3px 14px;padding-top:0;display:flex}.archive-search{gap:8px;padding-inline-start:12px}.archive-search button{padding-inline:14px}}.article-meta{color:var(--muted);font-size:14px}.author-avatar{object-fit:cover;background:var(--sunken);box-shadow:0 0 0 1px var(--line);border-radius:50%;flex-shrink:0}.card-author{color:var(--ink-2);align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.card-author-text{gap:1px;min-width:0;line-height:1.3;display:grid}.card-author-text b{font-size:14px;font-weight:600}.card-author .article-meta{font-size:12.5px;font-weight:400}.article-byline{align-items:center;gap:12px;margin-top:26px;display:flex}.article-byline>span{gap:2px;display:grid}.article-byline b{color:var(--ink);font-size:15px;font-weight:650}.article-byline .article-meta{margin:0}.reading-progress{z-index:60;background:var(--accent);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.article-head{padding-top:clamp(40px,7vw,88px);padding-bottom:36px}.article-head .crumbs{color:var(--muted);gap:8px;font-size:14px;display:flex}.article-head .crumbs a{color:var(--muted);text-decoration:none}.article-head .crumbs a:hover{color:var(--ink)}.article-head h1{letter-spacing:-.035em;text-wrap:balance;max-width:20em;margin-top:18px;font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:600;line-height:1.08}.article-head .lead{max-width:38em;color:var(--ink-2);margin-top:18px;font-size:19px}.article-layout{grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:64px;padding-bottom:96px;display:grid}.article-aside{align-self:start;gap:28px;display:grid;position:sticky;top:104px}.toc{border-left:1px solid var(--line);gap:2px;padding-left:14px;font-size:14px;display:grid}.toc h2{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:650}.toc a{color:var(--muted);padding:4px 0;line-height:1.4;text-decoration:none}.toc a:hover{color:var(--ink)}.toc a.is-sub{padding-left:12px}.disclosure{background:var(--accent-soft);max-width:720px;color:var(--ink-2);border-radius:12px;margin-bottom:32px;padding:16px 20px;font-size:15.5px}.disclosure b{color:var(--ink)}.sources{border-top:1px solid var(--line);max-width:720px;margin-top:56px;padding-top:28px}.sources h2{letter-spacing:-.01em;font-size:18px;font-weight:650}.sources ol{color:var(--muted);gap:10px;margin-top:14px;padding-left:1.4em;font-size:14.5px;line-height:1.5;display:grid}.sources a{color:var(--ink-2);text-underline-offset:3px;overflow-wrap:anywhere}.article-faq{max-width:720px;margin-top:48px}.article-faq h2{letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:650}.article-cta{border-radius:var(--radius-lg);background:var(--forest);max-width:720px;color:var(--cream);justify-items:start;gap:14px;margin-top:56px;padding:28px 30px;display:grid}.article-cta h2{letter-spacing:-.02em;font-size:22px;font-weight:650}.article-cta p{color:#f6f4edcc;font-size:16px}.article-cta .button-primary{background:var(--cream);color:var(--forest)}.related{border-top:1px solid var(--line);padding-block:64px 120px}.related h2{letter-spacing:-.02em;font-size:22px;font-weight:650}@media (width<=1060px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-aside{display:none}}.downloads{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.download-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:30px;display:flex}.download-card h2{letter-spacing:-.02em;font-size:24px;font-weight:650;line-height:32px}.download-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.download-chip{color:var(--muted);margin-top:-10px;font-size:14.5px}.download-device-hint{color:var(--ink);margin:0 0 14px;font-weight:600}.download-card [data-link][aria-disabled=true]{opacity:.55;cursor:default}.download-chip-row{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.download-which-ask{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline dotted}.download-which-ask:hover,.download-which-ask[aria-expanded=true]{color:var(--ink)}.download-card.is-pending{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.download-note{color:var(--ink-2);font-size:15px;line-height:1.55}.download-sign-in{margin-bottom:16px}.download-card [hidden]{display:none}.arch-choice{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.arch-choice button{color:var(--muted);font:inherit;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:600;line-height:18px}.arch-choice button:hover{color:var(--ink)}.arch-choice button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 1px 2px color-mix(in srgb, var(--ink) 10%, transparent)}.download-chip-row{position:relative}.download-which{z-index:2;border:1px solid var(--line);background:var(--surface);width:min(100%,340px);box-shadow:var(--shadow-card);color:var(--ink);border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0}.download-first-open{color:var(--muted);font-size:13.5px;line-height:1.5}.soon-tag.is-leading{margin:0 8px 0 0}.download-card dl{grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14.5px;display:grid}.download-card dt{color:var(--muted)}.download-card dd{font-variant-numeric:tabular-nums;margin:0}.download-card .button{align-self:flex-start;margin-top:auto}.download-empty{border-radius:var(--radius-lg);background:var(--surface-2);max-width:640px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);padding:28px 30px}.download-loading{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-2), var(--sunken), var(--surface-2)) 0 0 / 200% 100%;height:220px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-block:80px 120px;display:grid}.info-grid h2{letter-spacing:-.015em;font-size:19px;font-weight:650}.info-grid p,.info-grid li{color:var(--ink-2);margin-top:10px;font-size:15.5px}.info-grid ul{padding-left:1.2em}@media (width<=860px){.info-grid{grid-template-columns:minmax(0,1fr)}}.stored-table{border-collapse:collapse;width:100%;max-width:980px;font-size:15px}.stored-table th,.stored-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 12px}.stored-table th{color:var(--muted);font-size:13.5px;font-weight:600}.stored-table td:first-child{font-weight:600}.table-wrap{overflow-x:auto}@media (width<=560px){:is(.stored-table,.prose table),:is(.stored-table,.prose table) :is(tbody,tr,td){display:block}:is(.stored-table,.prose table) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.stored-table,.prose table) tr{border-bottom:1px solid var(--line);padding:16px 0}:is(.stored-table,.prose table) td{border:0;padding:0}:is(.stored-table,.prose table) td:first-child{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:650}:is(.stored-table,.prose table) td[data-label]{color:var(--ink-2);grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:12px;margin-top:8px;font-size:14.5px;display:grid}:is(.stored-table,.prose table) td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.5}}.container.privacy-page{max-width:calc(800px + 2 * var(--gutter))}.privacy-page section{padding-bottom:64px}.privacy-page h2{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650}.privacy-page p.body{color:var(--ink-2)}.privacy-page p.body+p.body{margin-top:14px}.not-found{justify-items:start;gap:18px;padding-block:120px 160px;display:grid}.not-found h1{letter-spacing:-.04em;font-size:clamp(2.4rem,5vw,4rem);font-weight:600}.not-found-mascot{margin:0 0 4px -6px}.not-found p{color:var(--ink-2)}.soon-tag{background:var(--accent-soft);height:22px;color:var(--accent-strong);letter-spacing:.01em;vertical-align:.15em;white-space:nowrap;border-radius:999px;align-items:center;margin-left:10px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button:disabled:active{transform:none}:is(.pricing-page,.support-page)>section{padding-bottom:clamp(64px,8vw,104px)}:is(.pricing-page,.support-page)>section>h2,.pricing-now h2{letter-spacing:-.03em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:650;line-height:1.15}:is(.pricing-page,.support-page) .body{max-width:42em;color:var(--ink-2);margin-top:14px}.pricing-now{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.credit-card{border-radius:var(--radius-lg);background:var(--surface);min-height:220px;box-shadow:var(--shadow-card);align-content:start;gap:14px;padding:28px;display:grid}.credit-card h3{color:var(--muted);font-size:14px;font-weight:650}.credit-amount{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.credit-amount strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:650;line-height:1}.credit-amount span{color:var(--muted);font-size:15px}.credit-note{color:var(--ink-2);font-size:15px}.credit-card .button{justify-self:start}.credit-loading{background:linear-gradient(90deg, var(--surface-2), var(--sunken), var(--surface-2)) 0 0 / 200% 100%;border-radius:12px;height:120px;animation:1.4s linear infinite shimmer}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.plan-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:26px;display:flex}.plan-card h3{letter-spacing:-.02em;font-size:22px;font-weight:650}.plan-for{min-height:4.5em;color:var(--ink-2);font-size:15px;line-height:1.5}.plan-price{border-block:1px solid var(--line);color:var(--muted);padding-block:12px;font-size:14px;font-weight:600}.plan-card ul,.check-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}:is(.plan-card,.check-list) li{color:var(--ink-2);padding-left:26px;font-size:15px;line-height:1.5;position:relative}:is(.plan-card,.check-list) li:before{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:11px;height:6px;position:absolute;top:.42em;left:3px;transform:rotate(-45deg)}.plan-card .button{align-self:flex-start;margin-top:auto}.check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 48px;max-width:980px;margin-top:26px}.meter-list{max-width:980px;margin-top:16px;display:grid}.meter-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:24px;padding:20px 0;display:grid}.meter-list dt{font-weight:650}.meter-list dd{color:var(--ink-2);margin:0}.pricing-faq .faq-list{max-width:860px;margin-top:18px}.page-cta{border-radius:var(--radius-lg);background:var(--forest);color:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:120px;padding:28px 32px;display:flex}.page-cta h2{letter-spacing:-.02em;font-size:22px;font-weight:650}.page-cta .button-primary{background:var(--cream);color:var(--forest)}@media (width<=1060px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.pricing-now,.check-list{grid-template-columns:minmax(0,1fr)}.meter-list>div{grid-template-columns:minmax(0,1fr);gap:6px}}@media (width<=560px){.plan-grid{grid-template-columns:minmax(0,1fr)}.plan-for{min-height:0}.page-cta{padding:24px}}.page-head .service-status{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:8px 16px 8px 14px;font-size:14.5px;display:inline-flex}.service-status i{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.service-status.is-up i{background:#2f9e6f;box-shadow:0 0 0 3px #2f9e6f38}.service-status.is-down i{background:#c2463b}.support-ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:clamp(64px,8vw,104px);display:grid}.support-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);transition:box-shadow .3s var(--ease), transform .3s var(--ease);flex-direction:column;gap:10px;padding:28px;text-decoration:none;display:flex}@media (hover:hover){.support-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}.support-card h2{letter-spacing:-.02em;font-size:20px;font-weight:650}.support-card p{color:var(--ink-2);font-size:15.5px}.support-card .text-link{margin-top:auto;padding-top:6px}.common-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;max-width:980px;margin:18px 0 0;padding:0;list-style:none;display:grid}.common-list a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;font-weight:550;text-decoration:none;display:flex}.common-list a:after{content:"→";color:var(--muted);transition:transform .2s var(--ease), color .2s var(--ease)}.common-list a:hover:after{color:var(--ink);transform:translate(3px)}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin-top:22px;display:grid}.policy{border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);align-content:start;gap:10px;padding:24px 26px;display:grid}.policy h3{letter-spacing:-.015em;font-size:18px;font-weight:650}.policy p{color:var(--ink-2);font-size:15.5px}@media (width<=860px){.support-ways{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.common-list,.policy-grid{grid-template-columns:minmax(0,1fr)}}.contact-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,80px);padding-bottom:120px;display:grid}.contact-form,.contact-sent{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);gap:18px;padding:30px;display:grid}.contact-form[hidden],.contact-sent[hidden],.contact-row[hidden],.contact-who[hidden]{display:none}.contact-form label{color:var(--ink);gap:7px;font-size:15px;font-weight:600;display:grid}.contact-form label small{color:var(--muted);font-size:13.5px;font-weight:400}.contact-form :is(input,select,textarea){background:var(--sunken);width:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);font:inherit;transition:box-shadow .15s var(--ease);border:0;border-radius:10px;padding:12px 14px;font-size:16px;font-weight:400}.contact-form :is(input,select,textarea):hover{box-shadow:inset 0 0 0 1px var(--faint)}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:10px}.contact-form textarea{resize:none;field-sizing:content;min-height:180px;line-height:1.55}.contact-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23696b62' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.contact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contact-who{background:var(--accent-soft);color:var(--ink-2);border-radius:12px;padding:12px 16px;font-size:15px}.contact-who .text-link{margin-left:2px}.contact-later{color:var(--muted);margin-top:6px;font-size:14px;display:block}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-error{color:light-dark(#b0372d,#f0867d);font-size:15px}.contact-error:empty{display:none}.contact-form .button,.contact-sent .button{justify-self:start}.contact-sent:focus{outline:none}.contact-sent h2{letter-spacing:-.02em;font-size:24px;font-weight:650}.contact-sent p{color:var(--ink-2)}.contact-privacy{color:var(--muted);margin-top:16px;font-size:14px}.contact-aside{gap:22px;display:grid}.contact-aside>h2{color:var(--muted);font-size:14px;font-weight:650}.contact-aside section{border-top:1px solid var(--line);gap:6px;padding-top:18px;display:grid}.contact-aside h3{font-size:17px;font-weight:650}.contact-aside p{color:var(--ink-2);font-size:15px}@media (width<=860px){.contact-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.contact-row{grid-template-columns:minmax(0,1fr)}.contact-form,.contact-sent{padding:22px}}.docs-group{padding-bottom:52px}.docs-group h2{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:12.5px;font-weight:650}:is(:lang(zh),:lang(ja),:lang(ko)) :is(.docs-group h2,.docs-nav h2){letter-spacing:.04em}.docs-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.doc-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);transition:box-shadow .3s var(--ease);align-content:start;gap:8px;padding:22px 24px;text-decoration:none;display:grid}@media (hover:hover){.doc-card:hover{box-shadow:var(--shadow-lift)}}.doc-card h3{letter-spacing:-.015em;font-size:18px;font-weight:650;line-height:1.3}.doc-card p{color:var(--muted);font-size:14.5px;line-height:1.5}.docs-home{padding-bottom:68px}.docs-layout{grid-template-columns:220px minmax(0,720px) minmax(0,1fr);align-items:start;gap:48px;padding-top:clamp(32px,5vw,64px);padding-bottom:120px;display:grid}.docs-nav{scrollbar-width:thin;max-height:calc(100dvh - 120px);font-size:14.5px;position:sticky;top:96px;overflow-y:auto}.docs-nav summary{display:none}.docs-nav-group+.docs-nav-group{margin-top:20px}.docs-nav h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px 10px;font-size:12px;font-weight:650}.docs-nav ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.docs-nav a{color:var(--ink-2);border-radius:8px;padding:6px 10px;line-height:1.35;text-decoration:none;display:block}.docs-nav a:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.docs-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.doc-head .crumbs{color:var(--muted);gap:8px;font-size:14px;display:flex}.doc-head .crumbs a{color:var(--muted);text-decoration:none}.doc-head .crumbs a:hover{color:var(--ink)}.doc-head h1{letter-spacing:-.035em;text-wrap:balance;max-width:18em;margin-top:14px;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:600;line-height:1.1}:is(:lang(zh),:lang(ja),:lang(ko)) .doc-head h1{letter-spacing:-.015em;line-height:1.25}.doc-head .lead{max-width:38em;color:var(--ink-2);margin-top:14px;font-size:18.5px}.prose.doc-prose{font-family:var(--sans);margin-top:36px;font-size:17px;line-height:1.7}:is(:lang(zh),:lang(ja),:lang(ko)) .prose.doc-prose{font-size:16.5px;line-height:1.85}.doc-prose h2{font-size:1.45em}.doc-prose h3{font-size:1.12em}.doc-prose kbd{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong), 0 1px 0 var(--line-strong);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:.85em}.doc-foot{border-top:1px solid var(--line);gap:22px;margin-top:56px;padding-top:24px;display:grid}.doc-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.doc-prose p:has(>img){margin-top:1.5em;margin-bottom:1.6em}.doc-prose img{background:var(--surface);width:100%;height:auto;box-shadow:var(--shadow-card), 0 0 0 1px var(--line);cursor:zoom-in;border-radius:12px;display:block}.doc-prose img:is([src*="/overlay."],[src*="/activate."],[src*="/experience-notice."]){width:auto;max-width:min(100%,500px);margin-inline:auto}.doc-prose img:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}.doc-viewer{background:0 0;border:0;max-width:96vw;max-height:96dvh;margin:auto;padding:0;overflow:visible}.doc-viewer::backdrop{background:#0c0e0dc7}.doc-viewer img{cursor:zoom-out;border-radius:12px;width:auto;max-width:96vw;height:auto;max-height:96dvh;display:block}.doc-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.doc-pager a{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);transition:background-color .2s var(--ease);border-radius:14px;gap:2px;padding:16px 18px;text-decoration:none;display:grid}.doc-pager a:hover{background:var(--surface)}.doc-pager a.is-next{text-align:right;grid-column:2}.doc-pager small{color:var(--muted);font-size:13px}.doc-pager span{font-weight:600;line-height:1.35}.doc-contact{color:var(--ink-2)}.docs-toc{position:sticky;top:104px}@media (width<=1240px){.docs-layout{grid-template-columns:210px minmax(0,1fr)}.docs-toc{display:none}}@media (width<=1060px){.docs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:minmax(0,1fr);gap:28px}.docs-nav{background:var(--surface);max-height:none;box-shadow:var(--shadow-card);border-radius:14px;position:static;overflow:visible}.docs-nav summary{cursor:pointer;align-items:center;gap:12px;padding:14px 18px;list-style:none;display:flex}.docs-nav summary::-webkit-details-marker{display:none}.docs-nav summary span{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:600}.docs-nav summary b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.docs-nav summary:after{content:"";border-right:1.6px solid var(--ink-2);border-bottom:1.6px solid var(--ink-2);width:8px;height:8px;transition:transform .25s var(--ease);flex-shrink:0;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.docs-nav[open] summary:after{transform:translateY(2px)rotate(-135deg)}.docs-nav nav{padding:4px 8px 16px}}@media (width<=680px){.docs-cards,.doc-pager{grid-template-columns:minmax(0,1fr)}.doc-pager a.is-next{grid-column:auto}}.section-film{padding-top:clamp(56px,7vw,104px);padding-bottom:0}.film{margin-top:clamp(26px,3.6vw,44px)}.film-frame{isolation:isolate;aspect-ratio:16/9;box-shadow:var(--shadow-lift);background:#f5f3ee;border-radius:clamp(14px,1.7vw,22px);position:relative;overflow:hidden}.film-video{object-fit:cover;cursor:pointer;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.film-start{z-index:2;color:#f6f4ed;height:56px;font:inherit;white-space:nowrap;cursor:pointer;transition:opacity .24s var(--ease), transform .24s var(--ease), background-color .18s var(--ease);background:#1d332e;border:0;border-radius:999px;align-items:center;gap:12px;padding:0 22px 0 8px;font-size:16px;font-weight:600;display:inline-flex;position:absolute;bottom:clamp(12px,2.2vw,28px);left:clamp(12px,2.2vw,28px);box-shadow:0 1px 2px #00000029,0 14px 32px -12px #12201c8c,inset 0 1px #ffffff1a}@media (hover:hover){.film-start:hover{background:#2a4740}}.film-start:focus-visible{outline-offset:3px;outline:2px solid #5fd0b0}.film-start-icon{background:#f6f4ed24;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.film-start-icon svg{fill:currentColor;width:20px;height:20px;margin-left:2px}.film-start-time{color:#f6f4ed9e;font-variant-numeric:tabular-nums;font-weight:500}.film[data-state=playing] .film-start{opacity:0;pointer-events:none;transform:translateY(8px)}.film:is([data-state=paused],[data-state=playing][data-from=paused]) .film-start{backdrop-filter:blur(14px)saturate(1.4);background:#1213169e;justify-content:center;gap:0;width:72px;height:72px;padding:0;bottom:50%;left:50%;translate:-50% 50%;box-shadow:0 0 0 1px #ffffff1a,0 16px 34px -14px #0009}@media (hover:hover){.film[data-state=paused] .film-start:hover{background:#121316c7}}.film:is([data-state=paused],[data-state=playing][data-from=paused]) .film-start-icon{background:0 0;width:72px;height:72px}.film:is([data-state=paused],[data-state=playing][data-from=paused]) .film-start-icon svg{width:28px;height:28px}.film:is([data-state=paused],[data-state=playing][data-from=paused]) .film-start>span:not(.film-start-icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.film-bar{z-index:1;color:#f2f3f5;backdrop-filter:blur(14px)saturate(1.4);opacity:0;pointer-events:none;height:50px;transition:opacity .24s var(--ease), transform .24s var(--ease);background:#1213169e;border-radius:14px;align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;bottom:clamp(10px,1.6vw,18px);left:clamp(10px,1.6vw,18px);right:clamp(10px,1.6vw,18px);transform:translateY(6px);box-shadow:0 0 0 1px #ffffff14,0 12px 30px -14px #0009}.film[data-state=playing] .film-bar,.film[data-state=paused] .film-bar{opacity:1;pointer-events:auto;transform:none}.film[data-state=playing][data-idle=true] .film-bar{opacity:0;pointer-events:none;transform:translateY(6px)}.film[data-state=playing][data-idle=true] .film-video{cursor:none}.film-icon{width:38px;height:38px;color:inherit;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.film-icon[hidden]{display:none}@media (hover:hover){.film-icon:hover{background:#f2f3f51a}}.film-icon:focus-visible,.film-track:focus-visible{outline-offset:1px;outline:2px solid #5fd0b0}.film-icon svg{fill:currentColor;width:20px;height:20px}.film-icon .film-stroke{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.film:not([data-state=playing]) .film-show-pause,.film[data-state=playing] .film-show-play,.film[data-muted=true] .film-show-sound,.film:not([data-muted=true]) .film-show-muted{display:none}.film-time{color:#f2f3f5c7;font-variant-numeric:tabular-nums;flex:none;min-width:82px;padding:0 6px;font-size:13.5px}.film-track{cursor:pointer;touch-action:none;border-radius:6px;flex:1;align-self:stretch;margin:0 8px;position:relative}.film-track:before,.film-track-fill{height:3px;transition:height .15s var(--ease);border-radius:2px;position:absolute;top:50%;left:0;translate:0 -50%}.film-track:before{content:"";background:#f2f3f53d;right:0}.film-track-fill{background:#5fd0b0;width:0}.film-track-fill:after{content:"";width:12px;height:12px;transition:scale .15s var(--ease);background:#f6f4ed;border-radius:50%;position:absolute;top:50%;right:-6px;translate:0 -50%;scale:0;box-shadow:0 1px 4px #0006}.film-track:is(:hover,:focus-visible) .film-track-fill,.film-track:is(:hover,:focus-visible):before{height:5px}.film-track:is(:hover,:focus-visible) .film-track-fill:after{scale:1}.film-line{z-index:1;opacity:0;height:3px;transition:opacity .3s var(--ease);pointer-events:none;background:#1213162e;position:absolute;bottom:0;left:0;right:0}.film-line span{background:#5fd0b0;width:0;height:100%;display:block}.film[data-state=playing][data-idle=true] .film-line{opacity:1}.film[data-touch=true][data-state=playing][data-idle=true] .film-line{opacity:0}.film:fullscreen{background:#000;place-items:center;display:grid}.film:fullscreen .film-frame{width:min(100vw,177.778vh);box-shadow:none;border-radius:0}@media (width<=600px){.film-start{justify-content:center;gap:0;width:48px;height:48px;padding:0}.film-start-icon{background:0 0;width:48px;height:48px}.film-start>span:not(.film-start-icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.film-bar{gap:0;height:44px;padding:0 4px}.film-icon{width:36px;height:36px}.film-time-total{display:none}.film-time{min-width:0}.film:is([data-state=paused],[data-state=playing][data-from=paused]) :is(.film-start,.film-start-icon){width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.film-start,.film-bar,.film-line,.film-track-fill,.film-track-fill:after,.film-track:before{transition:none}}
