:root{--paper:#faf9f6;--white:#fffefa;--ink:#24303b;--muted:#6b737d;--navy:#284966;--deep:#1e354b;--blue:#557897;--pale:#dfeaf1;--line:#d9dddf;--font-sans:"Hiragino Maru Gothic ProN", "Yuanti SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Helvetica Neue", "Arial Black", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}img,canvas{max-width:100%;display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{color:var(--white);background:var(--navy)}h1,h2,p{margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html:has([data-motion=off]){scroll-behavior:auto}.icon{vertical-align:-.15em;flex-shrink:0;display:inline-block;overflow:visible}.menu-toggle .icon{margin-left:4px}.whale-site{--progress:0;overflow:clip}.skip-link{z-index:100;background:var(--deep);color:#fff;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.reading-progress{z-index:60;background:var(--navy);height:3px;transform:scaleX(var(--progress));transform-origin:0;position:fixed;inset:0 0 auto}.site-header{border-bottom:1px solid var(--line);background:var(--paper);z-index:30;justify-content:space-between;align-items:center;gap:28px;height:98px;padding:0 5%;display:flex;position:relative}.brand{align-items:center;gap:12px;display:inline-flex}.brand-symbol{object-fit:contain;width:50px;height:50px;transition:transform .4s var(--ease);flex-shrink:0}.brand:hover .brand-symbol{transform:translateY(-2px)rotate(-9deg)}.brand>span:last-child{font:800 27px/1 var(--font-display);letter-spacing:-1px}.brand small{font:10px/1.5 var(--font-sans);letter-spacing:2px;margin-top:6px;display:block}.navigation,.header-actions{align-items:center;gap:35px;display:flex}.navigation a{align-items:center;gap:9px;padding:12px 0;font-size:13px;display:inline-flex;position:relative}.navigation a:after,.text-link:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navigation a:hover:after,.text-link:hover:after{transform-origin:0;transform:scaleX(1)}.navigation small{font:9px var(--font-mono);color:var(--blue)}.header-actions{gap:24px}.motion-toggle{background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;display:flex}.motion-toggle:disabled{cursor:default}.motion-label{font:9px var(--font-mono);letter-spacing:.04em}.github-star-link{color:var(--navy);min-height:44px}.star-link-label,.star-link-count{align-items:center;display:inline-flex}.star-link-label{white-space:nowrap;gap:9px}.star-link-label>.icon{transition:transform .3s}.github-star-link:hover .star-link-label>.icon{transform:translate(3px,-3px)}.star-link-count{font:10px var(--font-mono);color:var(--blue);gap:6px}.star-link-count>.icon{flex-shrink:0;width:13px;height:13px}.star-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.header-github{font:11px var(--font-mono);align-items:center;gap:12px;display:inline-flex}.header-github .star-link-count{border-left:1px solid var(--line);padding-left:12px}.header-github .star-word{display:none}.hero-github{align-content:center;gap:7px;min-width:0;padding:10px 0;font-size:12px;display:grid;position:relative}.hero-github:after{content:"";background:var(--blue);width:28px;height:1px;transition:width .3s var(--ease);position:absolute;bottom:0;left:0}.hero-github:hover:after{width:100%}.menu-toggle{display:none}.hero{--mx:0px;--my:0px;grid-template-columns:1fr 1fr;align-items:center;height:780px;min-height:min(850px,100svh - 98px);max-height:940px;padding:0 8%;display:grid;position:relative}.hero-watermark{white-space:nowrap;font:900 clamp(95px, 15.2vw, 245px)/1 var(--font-display);letter-spacing:-.065em;color:#0000;-webkit-text-stroke:1px #d5dde3;pointer-events:none;animation:watermark-in 1.6s var(--ease) both;position:absolute;top:20px;left:4%}.hero-copy{z-index:5;pointer-events:none;padding-top:55px;padding-bottom:85px;position:relative}.hero-copy a{pointer-events:auto}.eyebrow{font:10px/1.6 var(--font-mono);letter-spacing:.15em}.tiny-star{vertical-align:-1px;margin-right:10px;font-size:17px}.hero h1{letter-spacing:-.07em;margin-top:25px;font-size:clamp(52px,5.6vw,88px);font-weight:800;line-height:1.27}.title-last{color:var(--navy);display:inline-block;position:relative}.title-last svg{fill:none;width:105%;height:25px;stroke:var(--blue);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:350;animation:underline-in 1.3s .7s var(--ease) both;position:absolute;bottom:-18px;left:0;overflow:visible}.title-last i{color:var(--ink);font-style:normal}.hero-description{color:var(--muted);letter-spacing:.08em;margin-top:32px;font-size:15px;line-height:2}.hero-actions{align-items:center;gap:32px;margin-top:32px;display:flex}.button{border:1px solid var(--navy);transition:background .3s, color .3s, transform .4s var(--ease);justify-content:space-between;align-items:center;gap:42px;padding:18px 26px;font-size:14px;display:inline-flex}.button.primary{background:var(--navy);color:var(--white)}.button.primary:hover{background:var(--deep);transform:translateY(-4px)}.button>span{transition:transform .4s var(--ease);font-size:23px}.button:hover>span{transform:translate(4px,-4px)}.text-link{padding:8px 0;font-size:12px;position:relative}.text-link>span{margin-left:14px}.hero-note{color:var(--muted);align-items:center;gap:12px;margin-top:28px;font-size:10px;display:flex}.note-line{background:var(--blue);width:25px;height:1px}.hero-enter{animation:enter-up 1.2s var(--ease) both}.hero-enter:nth-child(2){animation-delay:.12s}.hero-enter:nth-child(3){animation-delay:.24s}.hero-enter:nth-child(4){animation-delay:.36s}.hero-enter:nth-child(5){animation-delay:.48s}.character-stage{isolation:isolate;width:51%;position:absolute;top:8%;bottom:10%;right:4%}.character-disc{aspect-ratio:1;background:var(--pale);width:82%;animation:disc-in 1.8s var(--ease) both;transform:translate(calc(var(--mx) * -1), calc(var(--my) * -1));border-radius:50%;place-items:center;display:grid;position:absolute;top:10%;left:10%}.character-disc>span{color:#cad9e4;opacity:.65;font:300 clamp(180px,26vw,420px)/1 Songti SC,SimSun,serif}.orbit{pointer-events:none;border:1px solid #9dafbf;border-radius:50%;position:absolute}.orbit-one{z-index:-1;width:104%;height:42%;top:36%;left:-1%;transform:rotate(-28deg)}.orbit-two{z-index:-1;border-color:#c9d3db;width:90%;height:70%;top:12%;left:5%;transform:rotate(35deg)}.orbit-one:after{content:"";border:1px solid var(--blue);background:var(--paper);border-radius:50%;width:9px;height:9px;position:absolute;top:12%;right:12%}.character-parallax{transform:translate(var(--mx), var(--my));transition:transform .3s ease-out;position:absolute;inset:0}.hero-character{z-index:3;width:81%;animation:character-in 1.4s .15s var(--ease) both;background:0 0;border:none;padding:0;transition:filter .3s;position:absolute;top:8%;left:10%}.hero-character:hover{filter:drop-shadow(0 8px #28496610)}.sprite{width:100%;height:auto}.speech{z-index:5;background:var(--white);border:1px solid var(--navy);animation:bubble-in .7s var(--ease) both;border-radius:25px 25px 25px 3px;padding:13px 22px;font-size:13px;position:absolute;top:4%;right:17%;transform:rotate(5deg)}.speech>span{padding-left:12px}.stage-star{z-index:5;color:var(--navy);pointer-events:none;animation:5s ease-in-out infinite star-drift;position:absolute}.star-one{font-size:64px;top:19%;left:4%}.star-two{font-size:37px;animation-delay:-2s;top:41%;right:4%}.star-three{font-size:39px;animation-delay:-3s;bottom:13%;left:8%}.vertical-caption{writing-mode:vertical-rl;letter-spacing:.25em;color:var(--blue);font-size:11px;position:absolute;top:19%;right:-2%}.name-sticker{z-index:6;background:var(--white);border:1px solid var(--navy);pointer-events:none;animation:sticker-in 1.3s .5s var(--ease) both;padding:17px 22px;position:absolute;bottom:11%;right:1%;transform:rotate(-7deg)}.name-sticker small{font:8px var(--font-mono);letter-spacing:.13em;display:block}.name-sticker strong{letter-spacing:-.06em;margin:7px 0 5px;font-size:24px;display:block}.name-sticker strong>span{margin-left:22px;font-size:20px;display:inline-block}.name-sticker>span{color:var(--muted);letter-spacing:.06em;font-size:10px}.touch-hint{z-index:8;color:var(--navy);background:0 0;border:0;padding:12px;font-size:11px;position:absolute;bottom:2%;left:13%;transform:rotate(-7deg)}.touch-hint span{margin-right:7px;font-size:25px;display:inline-block}.touch-hint:hover span{animation:.7s ease-in-out infinite alternate nudge}.hero-bottom{font:8px var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:26px;left:5%;right:5%}.hero-bottom>a{border:1px solid var(--line);border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;animation:2.5s infinite bob;display:grid;position:absolute;left:50%}.spark-burst{pointer-events:none;z-index:10;position:absolute;inset:0}.spark-burst i{color:var(--navy);animation:spark .9s var(--ease) both;font-size:22px;font-style:normal;position:absolute;top:45%;left:50%}.marquee{background:var(--navy);color:var(--white);margin:0 -1%;padding:22px 0;overflow:hidden;transform:rotate(-1.5deg)}.marquee-track{width:max-content;animation:50s linear infinite marquee;display:flex}.marquee-track>span{font:500 12px var(--font-mono);letter-spacing:.08em;align-items:center;gap:38px;padding-right:38px;display:flex}.marquee-track i{font-size:22px;font-style:normal}.marquee:hover .marquee-track{animation-play-state:paused}.section-shell{padding:110px 8%}.section-kicker{border-bottom:1px solid var(--line);font:9px var(--font-mono);letter-spacing:.1em;justify-content:space-between;gap:20px;padding-bottom:19px;display:flex}.section-kicker>span:last-child{font:11px var(--font-sans);letter-spacing:.08em;color:var(--muted)}h2{letter-spacing:-.06em;font-size:clamp(35px,4vw,62px);font-weight:700;line-height:1.4}.serif-emphasis{color:var(--navy);font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-weight:500}.about-layout{grid-template-columns:.9fr 1fr;align-items:center;gap:11%;margin-top:70px;display:grid}.about-portrait{aspect-ratio:1;background:#edf1f2;border-radius:50% 50% 0 0;place-items:center;display:grid;position:relative}.about-portrait .sprite{width:75%;position:relative;transform:rotate(-8deg)}.portrait-word{font:900 clamp(46px, 7vw, 110px) var(--font-display);color:#d4dee5;letter-spacing:-.06em;position:absolute;top:14%;left:5%;transform:rotate(-12deg)}.portrait-label{white-space:nowrap;background:var(--white);border:1px solid var(--navy);letter-spacing:.07em;padding:13px 25px;font-size:10px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)rotate(-4deg)}.portrait-star{color:var(--navy);font-size:70px;animation:6s infinite star-drift;position:absolute;top:8%;right:-20px}.about-copy .eyebrow,.usage-copy .eyebrow{color:var(--blue);margin-bottom:18px}.about-copy>p:not(.eyebrow),.usage-copy>p:not(.eyebrow){max-width:400px;color:var(--muted);margin-top:23px;font-size:13px;line-height:2.1}.about-facts{border-top:1px solid var(--line);gap:37px;margin-top:30px;padding-top:25px;display:flex}.about-facts>span{color:var(--muted);font-size:9px}.about-facts b{font:400 32px var(--font-display);color:var(--navy);margin-bottom:6px;display:block}.episodes{background:#eef2f4}.section-title{justify-content:space-between;align-items:end;gap:30px;margin-top:48px;margin-bottom:46px;display:flex}.section-title h2>span{color:var(--blue)}.section-title p{color:var(--muted);font-size:11px;line-height:1.9}.episode-layout{grid-template-columns:.72fr 1.4fr;gap:7%;display:grid}.episode-list{border-top:1px solid var(--ink)}.episode-button{text-align:left;width:100%;transition:padding .5s var(--ease), background .4s, color .4s;background:0 0;border:0;border-bottom:1px solid #c8d0d6;align-items:center;gap:22px;padding:26px 10px;display:flex}.episode-number{font:10px var(--font-mono);opacity:.6}.episode-button strong{font-size:18px;font-weight:500}.episode-button small{font:8px var(--font-mono);letter-spacing:.15em;opacity:.65;margin-top:8px;display:block}.episode-arrow{opacity:0;transition:.4s var(--ease);margin-left:auto;font-size:22px;transform:translate(-10px,10px)}.episode-button:hover{padding-left:20px}.episode-button.active{color:var(--white);background:var(--navy);padding-left:22px;padding-right:22px}.episode-button.active .episode-arrow,.episode-button:hover .episode-arrow{opacity:1;transform:none}.episode-preview{background:var(--paper);border:1px solid #bcc9d2;min-width:0}.preview-chrome{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.preview-chrome>span:first-child{gap:5px;display:flex}.preview-chrome i{border:1px solid #8a9ba8;border-radius:50%;width:5px;height:5px}.preview-chrome small{font:8px var(--font-mono);letter-spacing:.13em;color:var(--muted)}.demo-label{font:7px var(--font-mono);border:1px solid var(--line);padding:3px 5px}.preview-scene{height:300px;position:relative;overflow:hidden}.scene-word{white-space:nowrap;font:900 clamp(45px, 6vw, 90px) var(--font-display);color:#e3e9ed;letter-spacing:-.06em;animation:word-in .7s var(--ease) both;position:absolute;top:24px;left:24px}.demo-terminal{background:var(--white);border:1px solid var(--line);width:66%;padding:16px;position:absolute;top:100px;left:30px}.demo-terminal>span{font:9px var(--font-mono);color:var(--muted)}.terminal-rule{background:var(--line);height:1px;margin:14px -16px}.demo-terminal>p{font-size:10px}.demo-terminal b{color:var(--blue);margin-right:8px;font-size:17px;display:inline-block}[data-state=working] .demo-terminal b{animation:3s linear infinite spin}.skeleton-line{background:#e5e8ea;width:66%;height:4px;margin-top:15px}.skeleton-line.short{width:42%;margin-top:9px}.demo-pet{width:215px;animation:enter-up .65s var(--ease) both;position:absolute;bottom:-10px;right:0}.demo-bubble{border:1px solid var(--navy);background:var(--white);border-radius:16px 16px 3px;width:max-content;max-width:230px;padding:10px 14px;font-size:11px;position:relative;left:-8%;transform:rotate(-4deg)}.episode-caption{border-top:1px solid var(--line);align-items:start;gap:20px;min-height:84px;padding:19px 24px;display:flex}.episode-caption>span{font:9px var(--font-mono);white-space:nowrap;color:var(--blue);margin-top:4px}.episode-caption>p{color:var(--muted);animation:enter-up .5s var(--ease) both;font-size:11px;line-height:1.9}.interlude{background:var(--deep);color:var(--white);padding:105px 12% 150px;position:relative;overflow:hidden}.interlude-small{font:9px var(--font-mono);letter-spacing:.15em;color:#b8c8d4;display:block}.interlude h2{letter-spacing:-.06em;margin-top:35px;font-size:clamp(55px,7vw,110px);line-height:1.4;position:relative}.interlude h2>span{color:#c5d7e4;padding-left:12%;font-family:Songti SC,SimSun,serif;font-weight:400}.interlude h2>i{color:#a2b8c9;font-size:130px;font-style:normal;animation:35s linear infinite spin;position:absolute;top:15%;right:8%}.interlude-bottom{z-index:2;justify-content:space-between;align-items:center;margin-top:35px;display:flex;position:relative}.interlude-bottom p{color:#b8c8d4;font-size:13px;line-height:2}.round-link{align-items:center;gap:25px;font-size:12px;display:flex}.round-link>span{border:1px solid #7d94a6;border-radius:50%;place-items:center;width:56px;height:56px;font-size:25px;transition:transform .4s,background .4s;display:grid}.round-link:hover>span{background:#ffffff12;transform:rotate(45deg)}.interlude-outline{white-space:nowrap;font:900 14.5vw/1 var(--font-display);letter-spacing:-.055em;color:#0000;-webkit-text-stroke:1px #587084;opacity:.5;position:absolute;bottom:-35px;left:-2%}.usage-layout{grid-template-columns:1fr .95fr;align-items:center;gap:12%;margin-top:70px;display:grid}.usage-copy .privacy-note{border-left:2px solid #b4c4d0;padding-left:15px;font-size:11px!important}.receipt{transition:transform .7s var(--ease);background:#f0eee7;padding:32px;position:relative;transform:rotate(3deg)}.receipt:hover{transform:rotate(0)}.receipt:after{content:"";clip-path:polygon(0 0,2.5% 100%,5% 0,7.5% 100%,10% 0,12.5% 100%,15% 0,17.5% 100%,20% 0,22.5% 100%,25% 0,27.5% 100%,30% 0,32.5% 100%,35% 0,37.5% 100%,40% 0,42.5% 100%,45% 0,47.5% 100%,50% 0,52.5% 100%,55% 0,57.5% 100%,60% 0,62.5% 100%,65% 0,67.5% 100%,70% 0,72.5% 100%,75% 0,77.5% 100%,80% 0,82.5% 100%,85% 0,87.5% 100%,90% 0,92.5% 100%,95% 0,97.5% 100%,100% 0);background:#f0eee7;height:11px;position:absolute;bottom:-10px;left:0;right:0}.receipt-header{border-bottom:1px dashed #aeb3b6;align-items:center;gap:15px;padding-bottom:24px;display:flex}.receipt-logo{flex-shrink:0;width:44px;height:44px}.receipt-header>div{font-size:17px;font-weight:600}.receipt-header small{font:7px var(--font-mono);letter-spacing:.15em;margin-top:6px;display:block}.receipt-header>span:last-child{margin-left:auto;font-size:25px}.receipt dl{margin:7px 0}.receipt dl>div{border-bottom:1px solid #d4d6d2;justify-content:space-between;gap:12px;padding:19px 0;font-size:12px;display:flex}.receipt dd{color:var(--muted);margin:0;font-size:10px}.receipt>p{color:var(--muted);margin-top:22px;font-size:10px;line-height:2}.receipt-footer{font:7px var(--font-mono);letter-spacing:.05em;border-top:1px dashed #aeb3b6;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;display:flex}.receipt-footer>span:last-child{font-size:22px}.install{background:#edf2f5;padding-bottom:90px}.install-heading{text-align:center;margin:60px auto 40px;position:relative}.install-heading h2{margin-top:16px;font-size:clamp(44px,5vw,78px)}.install-heading>p:last-child{color:var(--muted);margin-top:23px;font-size:13px;line-height:2}.install-star{color:#a9bdcc;font-size:70px;animation:6s infinite star-drift;position:absolute;top:32%;right:8%}.install-command{background:var(--deep);width:min(850px,100%);color:var(--white);margin:0 auto}.command-top{border-bottom:1px solid #506477;justify-content:space-between;align-items:center;gap:10px;padding:13px 22px;display:flex}.command-top>span{font:8px var(--font-mono);letter-spacing:.1em;color:#c0ccd6}.command-top i{border:1px solid #b6c9d7;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.command-top button{color:var(--white);background:0 0;border:1px solid #7890a3;padding:8px 12px;font-size:10px;transition:color .25s,background .25s}.command-top button:hover{color:var(--deep);background:var(--white)}.command-top button>span{margin-left:16px}.install-command pre{font:12px/2 var(--font-mono);margin:0;padding:29px 25px 33px;overflow-x:auto}.requirements{max-width:850px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:20px auto 0;font-size:9px;display:flex}.requirements b{color:var(--ink);margin-left:5px;font-weight:400}.install-repo{margin:32px auto 0;font-size:11px;display:table}.footer{padding:42px 5% 23px}.footer-top{justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px;display:flex}.footer-top>a:last-child{font-size:11px}.footer-top>a:last-child>span{margin-left:16px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);font:8px var(--font-mono);letter-spacing:.07em;justify-content:space-between;gap:15px;padding-top:22px;display:flex}.reveal{opacity:1;transition:opacity 1s var(--ease), translate 1s var(--ease);translate:0}[data-enhanced=true] .reveal:not(.is-visible){opacity:0;translate:0 32px}.about-copy.reveal,.receipt.reveal{transition-delay:.12s}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion=off] .reveal:not(.is-visible){opacity:1;translate:none}[data-motion=off] .spark-burst{display:none}@media (prefers-reduced-motion:reduce){.whale-site *,.whale-site :before,.whale-site :after{transition:none!important;animation:none!important}.whale-site .reveal:not(.is-visible){opacity:1;translate:none}}@keyframes enter-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes character-in{0%{opacity:0;transform:translateY(80px)rotate(8deg)scale(.94)}to{opacity:1;transform:none}}@keyframes watermark-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes disc-in{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes underline-in{0%{stroke-dashoffset:350px}to{stroke-dashoffset:0}}@keyframes bubble-in{0%{opacity:0;translate:0 12px;scale:.75}to{opacity:1;translate:0;scale:1}}@keyframes sticker-in{0%{opacity:0;translate:40px 40px;rotate:12deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes star-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(12deg)}}@keyframes bob{0%,to{translate:0}50%{translate:0 5px}}@keyframes nudge{to{transform:translate(-3px,-4px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes word-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-60px) scale(.2)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-240px) scale(.7)}}@media (width>=1600px){.hero{max-width:1760px;margin:auto}.section-shell{padding-left:max(8%,50vw - 675px);padding-right:max(8%,50vw - 675px)}}@media (width<=1100px){.site-header{gap:18px;height:84px;padding:0 4%}.navigation{gap:20px}.navigation small{display:none}.header-actions{gap:16px}.hero{height:700px;min-height:650px;padding:0 6%}.hero h1{font-size:60px}.hero-copy{padding-top:30px}.character-stage{width:54%;top:16%;right:2%}.speech{padding:11px 17px;font-size:11px;right:13%}.name-sticker{padding:12px 17px;bottom:15%;right:2%}.name-sticker strong{font-size:20px}.touch-hint{bottom:7%}.section-shell{padding:85px 6%}.about-layout{gap:9%}.episode-layout{grid-template-columns:.75fr 1.3fr;gap:5%}.demo-pet{width:190px}.demo-terminal{width:72%;left:18px}.usage-layout{gap:8%}.install-star{font-size:55px;right:2%}}@media (width<=760px){html{scroll-padding-top:24px}.site-header{height:78px;padding:0 6%}.brand-symbol{width:42px;height:42px}.brand>span:last-child{font-size:24px}.brand small{letter-spacing:1px;font-size:8px}.header-github,.motion-label{display:none}.motion-toggle{padding:10px}.header-actions{gap:7px}.menu-toggle{border:1px solid var(--line);background:0 0;padding:9px 11px;font-size:10px;display:block}.navigation{background:var(--paper);border-bottom:1px solid var(--line);padding:20px 7%;display:none;position:absolute;top:77px;left:0;right:0}.navigation.is-open{justify-content:space-between;gap:12px;display:flex}.navigation a{font-size:12px}.hero{flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:0 7% 75px;display:flex}.hero-watermark{font-size:17vw;top:18px}.hero-copy{padding:65px 0 0}.hero .eyebrow{letter-spacing:.08em;font-size:8px}.hero h1{margin-top:18px;font-size:clamp(45px,8.8vw,66px);line-height:1.3}.hero-description{margin-top:28px;font-size:13px}.hero-actions{gap:27px;margin-top:24px}.button{gap:34px;padding:14px 21px;font-size:12px}.hero-note{margin-top:18px;font-size:9px}.character-stage{width:100%;height:540px;margin:24px 0 0;position:relative;top:auto;bottom:auto;right:auto}.character-disc{width:83%;top:10%;left:8%}.character-disc>span{font-size:50vw}.hero-character{width:76%;top:4%;left:11%}.speech{top:2%;right:8%}.orbit-one{width:100%;height:43%;top:25%}.orbit-two{height:63%}.star-one{font-size:46px;top:15%;left:2%}.star-two{font-size:30px;top:32%;right:1%}.star-three{bottom:20%}.name-sticker{bottom:11%;right:2%}.vertical-caption{font-size:9px;top:12%;right:-1%}.touch-hint{font-size:10px;bottom:7%;left:0}.hero-bottom{font-size:6px;bottom:23px;left:7%;right:7%}.hero-bottom>span:last-child{display:none}.hero-bottom>a{left:auto;right:0}.marquee{padding:17px 0}.marquee-track>span{gap:24px;padding-right:24px;font-size:10px}.section-shell{padding:65px 7%}.section-kicker{gap:10px;font-size:8px;line-height:1.7}.section-kicker>span:last-child{text-align:right;font-size:9px;line-height:1.7}.about-layout{grid-template-columns:1fr;gap:55px;margin-top:45px}.about-portrait{width:85%;max-width:340px;margin:auto}.portrait-word{font-size:73px}.about-copy>p:not(.eyebrow),.usage-copy>p:not(.eyebrow){max-width:none}h2{font-size:39px}.about-facts{justify-content:space-between;gap:15px}.section-title{margin-top:35px;display:block}.section-title h2{font-size:37px}.section-title p{margin-top:18px}.episode-layout{grid-template-columns:1fr;gap:25px}.episode-list{border-top:0;grid-template-columns:1fr 1fr;gap:7px;display:grid}.episode-button{border:1px solid #c8d0d6;gap:10px;padding:16px 13px}.episode-button strong{font-size:13px}.episode-button small{margin-top:6px;font-size:7px}.episode-button.active,.episode-button:hover{padding:16px 13px}.episode-arrow{display:none}.preview-scene{height:310px}.scene-word{font-size:57px;top:27px;left:17px}.demo-terminal{width:79%;top:95px;left:17px}.demo-pet{width:186px;bottom:-8px;right:-2px}.demo-bubble{font-size:10px;left:-15%}.episode-caption{gap:14px;min-height:100px;padding:17px}.interlude{padding:65px 7% 110px}.interlude-small{font-size:7px}.interlude h2{margin-top:30px;font-size:12vw}.interlude h2>i{font-size:56px;top:8%;right:1%}.interlude-bottom{margin-top:30px;display:block}.interlude-bottom p{font-size:11px}.round-link{justify-content:flex-end;margin-top:25px;font-size:11px}.round-link>span{width:45px;height:45px}.interlude-outline{font-size:17vw;bottom:-10px}.usage-layout{grid-template-columns:1fr;gap:45px;margin-top:40px}.receipt{width:94%;margin:0 auto 10px;padding:26px}.install-heading{margin-top:42px}.install-heading h2{font-size:39px}.install-heading .eyebrow{font-size:8px}.install-heading>p:last-child{font-size:11px}.install-star{display:none}.command-top{padding:12px}.command-top button{padding:8px;font-size:9px}.command-top button>span{margin-left:5px}.install-command pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:21px 18px;font-size:11px}.requirements{gap:11px;margin-top:23px;display:grid}.install-repo{text-align:center;font-size:10px}.footer{padding:35px 7% 23px}.footer-top{flex-direction:column;align-items:start;gap:25px}.footer-bottom{font-size:6px;line-height:1.7}.footer-bottom>a{white-space:nowrap}}@media (width<=450px){.character-stage{flex-direction:column;height:auto;padding-top:35px;display:flex}.character-parallax{position:relative;inset:auto}.hero h1{font-size:11.5vw}.hero-character{width:92%;position:relative;top:auto;left:2%}.character-disc{width:91%;top:13%;left:4%}.name-sticker{align-self:flex-end;margin:18px 0 24px;padding:10px 14px;position:relative;bottom:auto;right:auto}.name-sticker strong{font-size:20px}.name-sticker>span{font-size:9px}.touch-hint{text-align:left;width:120px;padding:10px 0;bottom:16px;left:0;transform:none}.touch-hint span{margin-bottom:3px;display:block}.orbit-one{top:31%}.orbit-two{top:16%}.star-three{bottom:20%;left:0}.speech{font-size:10px;top:-28px;right:1%}.vertical-caption{right:-3%}}@media (width<=360px){.hero-actions{gap:18px}.button{gap:20px}.preview-chrome{padding:14px}.demo-pet{width:175px}.receipt{padding:20px}.install-heading h2,h2{font-size:34px}}
