html,body{height:100%}.snap{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}.snap::-webkit-scrollbar{display:none}.view{height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;position:relative}#v-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#C7C0B0 1.3px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 46%,transparent 0%,transparent 42%,black 78%);mask-image:radial-gradient(ellipse 62% 58% at 50% 46%,transparent 0%,transparent 42%,black 78%);pointer-events:none}.stage-inner{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:56px 24px 0}.eyebrow{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.03em;color:var(--ink-body)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,5.2vw,74px);line-height:1.04;letter-spacing:-.02em}h1 em{font-style:italic;font-weight:400}.ctx{font-size:18px;line-height:1.8;color:var(--ink-body);margin-top:30px}.ctx b{color:var(--ink);font-weight:500}.ctx a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--tint3)}.ctx a:hover{color:var(--ink)}.explore{margin-top:48px;display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:var(--ground);border:none;border-radius:999px;padding:12px 20px;font-family:var(--sans);font-size:14.5px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px -10px #17150f80;transition:transform .16s cubic-bezier(.4,0,.2,1)}.explore:hover{transform:translateY(-2px)}.explore:active{transform:scale(.98)}.explore kbd{font-family:var(--mono);font-size:11px;letter-spacing:.04em;background:#fefcf824;border:1px solid rgba(254,252,248,.28);border-radius:4px;padding:2px 7px}.scrollcue{margin-top:52px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-muted);cursor:pointer}.scrollcue .ar{animation:bob 2s ease-in-out infinite}.scrollcue:hover{color:var(--accent-press)}.dock{position:absolute;bottom:58px;left:50%;transform:translate(-50%);display:flex;gap:7px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(10px);border:1px solid var(--hairline);padding:8px;border-radius:17px;box-shadow:0 10px 28px -12px #17150f47}.dock button{width:52px;height:52px;border-radius:12px;border:1px solid var(--hairline);background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .16s;position:relative}.dock button:hover{transform:translateY(-7px) scale(1.13);border-color:var(--tint3)}.dock button svg{width:22px;height:22px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#dockwork svg{fill:#f5d98a;stroke:#f5d98a}#dockplay svg{fill:none;stroke:#ff2400}#dockplay svg .liq{fill:#ff2400;stroke:none}#dockabout svg{fill:#2c5fc4;stroke:#2c5fc4}.dock button:hover svg{fill:var(--ink);stroke:var(--ink)}#dockplay:hover svg{fill:none;stroke:#ff2400}#dockplay:hover svg .liq{fill:#ff2400}.dock .tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--ground);font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:4px 9px;border-radius:6px;opacity:0;transition:opacity .16s;pointer-events:none;white-space:nowrap}.dock button:hover .tip{opacity:1}.work-head{flex:.75;min-height:0;padding:48px 40px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.work-head-inner{width:1030px;max-width:100%;display:flex;justify-content:flex-start}.work-head h2{font-family:var(--serif);font-weight:400;font-size:36px;letter-spacing:-.015em;line-height:1.1}.ptitle{display:flex;align-items:center;gap:20px;font-family:var(--serif);font-size:clamp(40px,4.2vw,56px);font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.04}.wrap{flex:none;width:100%;padding:0 40px;display:grid;grid-template-columns:290px minmax(0,700px);gap:40px;align-items:start;justify-content:center}.bottomzone{flex:1.3;min-height:56px;position:relative}.sel{display:flex;flex-direction:column}.cat{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;color:var(--ink-faint);padding:12px 6px 8px;border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:8px}.cat .n{margin-left:auto;color:var(--tint3)}.cat:first-child{padding-top:0}.cat.design{margin-top:20px}.sel button{display:flex;align-items:center;gap:13px;padding:14px 6px;border:none;border-bottom:1px solid var(--hairline);background:transparent;cursor:pointer;font-family:var(--sans);text-align:left;transition:padding .2s cubic-bezier(.4,0,.2,1)}.sel button .i{font-family:var(--mono);font-size:11px;color:var(--ink-faint);width:24px;flex:none}.sel button .n{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--ink-muted);transition:color .16s;white-space:nowrap}.sel button .s{margin-left:auto;flex:none}.sel button:hover .n{color:var(--ink)}.sel button.on{padding-left:15px}.sel button.on .n{color:var(--ink)}.sel button.on .i{color:var(--accent-press)}.stagebox{position:relative;height:min(421px,calc(100vh - 250px));perspective:1600px}.spot-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,.9,.28,1)}@media(min-width:768px){.stagebox.canflip:hover .spot-in{transform:rotateY(180deg)}}.stagebox,.stagebox.canflip{cursor:pointer}.sface{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden}.sface.back,.stagebox.flipped .sface.front{pointer-events:none}.stagebox.flipped .sface.back{pointer-events:auto}@media(min-width:768px){.stagebox.canflip:hover .sface.front{pointer-events:none}.stagebox.canflip:hover .sface.back{pointer-events:auto}}.sface.front{border:1px solid var(--hairline);background:var(--dark)}.sface.front:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(12,12,15,.8));z-index:2}.smeta{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:flex;flex-direction:column;gap:8px}.smeta h3{font-family:Inter,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.02em;color:#fffefb}.smeta p{font-size:14.5px;color:#fffefbd9}.flipbadge{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:#ffffffbf;background:#0c0c0f73;backdrop-filter:blur(4px);padding:4px 9px;border-radius:999px;display:none}.stagebox.canflip .flipbadge{display:inline-flex}.sface.back{background:var(--dark);transform:rotateY(180deg);padding:26px;display:flex;flex-direction:column;gap:15px}.sface.back .bh{display:flex;justify-content:space-between;align-items:center}.sface.back .bh .l{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;color:var(--on-dark-3)}.sface.back h3{font-family:Inter,sans-serif;font-size:23px;font-weight:600;color:var(--on-dark);letter-spacing:-.015em}.rows{display:flex;flex-direction:column;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;max-width:520px}.rows div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--dark-line)}.rows div:last-child{border-bottom:none}.rows span:first-child{color:var(--on-dark-3)}.rows span:last-child{color:var(--on-dark)}.codewell{background:var(--dark-sunk);border:1px solid var(--dark-line);border-radius:6px;padding:11px 13px;font-family:var(--mono);font-size:11px;line-height:1.65;color:var(--on-dark-2);max-width:520px;white-space:pre;overflow:hidden}.codewell .k{color:var(--on-dark-accent)}.codewell .c{color:var(--on-dark-3)}.goccs{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--on-dark-accent)}.cslink{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--on-dark-accent);text-decoration:none}.cslink:hover{color:#fff}.backtop{position:absolute;top:64px;right:40px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink-faint);cursor:pointer;transition:color .16s;background:none;border:none;z-index:3}.backtop:hover{color:var(--accent-press)}.spot-art{display:none}.spot-art.on{display:block}.art{position:absolute;inset:0;overflow:hidden}.art .tag{position:absolute;top:12px;right:14px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:#ffffff80;z-index:3}.art.pitcrew{background:linear-gradient(150deg,#101418,#16202b 55%,#1b2c3e)}.pc-ui{position:absolute;inset:12% -6% -6% 10%;background:#0d1117;border:1px solid #22303F;border-radius:12px 0 0;padding:16px;box-shadow:0 24px 60px -20px #000000b3}.pc-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}.pc-dot{width:8px;height:8px;border-radius:999px;background:#2c5fc4}.pc-bar{height:8px;border-radius:4px;background:#22303f}.pc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.pc-cell{background:#131b24;border:1px solid #22303F;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.pc-num{font-family:var(--mono);font-size:18px;color:#eaf1fa;font-weight:500}.pc-lbl{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#5c7590}.pc-spark{display:flex;align-items:flex-end;gap:4px;height:34px}.pc-spark i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#4c7fe0,#2c5fc4)}.art.tpo{background:linear-gradient(140deg,#f4e8d8,#efd9c0,#e8cbae)}.tpo-card{position:absolute;inset:12% 16% -8%;background:#fffdf8;border:1px solid #E8DCC8;border-radius:14px;padding:18px;box-shadow:0 26px 52px -20px #78542873;display:flex;flex-direction:column;gap:12px}.tpo-head{display:flex;align-items:center;gap:10px}.tpo-avatar{width:30px;height:30px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#4c7fe0,#24509f);flex:none}.tpo-wave{display:flex;align-items:center;gap:4px;height:38px;justify-content:center;padding:5px 0}.tpo-wave i{width:4px;border-radius:2px;background:#2c5fc4;opacity:.85}.tpo-line{height:8px;border-radius:4px;background:#efe7d8}.art.forma{background:linear-gradient(145deg,#dce8e4,#e9efe9 55%,#f2f0e4)}.fm-ui{position:absolute;inset:12% -6% -6% 10%;background:#fbfdfc;border:1px solid #DCE5E0;border-radius:12px 0 0;padding:16px;box-shadow:0 24px 52px -20px #2e544859;display:flex;gap:12px}.fm-side{width:64px;flex:none;display:flex;flex-direction:column;gap:7px}.fm-nav{height:9px;border-radius:4px;background:#e4ece7}.fm-main{flex:1;display:flex;flex-direction:column;gap:10px}.fm-cellrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.fm-cell{background:#f2f7f4;border:1px solid #E0EAE4;border-radius:7px;height:46px;padding:8px;display:flex;flex-direction:column;justify-content:space-between}.fm-cell i{height:6px;border-radius:3px;background:#d6e3db;display:block}.fm-bar{height:8px;border-radius:4px;background:#e4ece7}.art.conch{background:linear-gradient(140deg,#e4efe9,#d8e9f2)}.co-doc{position:absolute;inset:10% 16% -8%;background:#fff;border:1px solid #DDE7E2;border-radius:12px;padding:22px 24px;box-shadow:0 26px 52px -20px #3c6e5a66;display:flex;flex-direction:column;gap:11px}.co-t{height:12px;border-radius:5px;background:#dce9e2;width:55%}.co-l{height:8px;border-radius:4px;background:#edf2ee}.co-hl{height:8px;border-radius:4px;background:#cbe7d6;position:relative}.co-hl:after{content:"";position:absolute;right:-6px;top:-3px;width:3px;height:14px;background:#2bb35b;border-radius:2px}.co-chip{margin-top:6px;display:inline-flex;width:110px;height:24px;border-radius:12px;background:#e6f4ec;border:1px solid #CBE7D6}.art.shep{background:linear-gradient(140deg,#f3e4e0,#efe0ee)}.art .artvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sndbtn{display:none;position:absolute;top:14px;right:16px;z-index:4;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:#ffffffd9;background:#0c0c0f8c;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);padding:6px 11px;border-radius:999px;cursor:pointer;transition:color .16s}.sndbtn.show{display:inline-flex;align-items:center}.sndbtn:hover{color:#fff}.sh-ui{position:absolute;inset:12% 14% -8%;display:flex;flex-direction:column;gap:10px}.sh-card{background:#fff;border:1px solid #EADDE1;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 30px -16px #8c506459}.sh-pfp{width:30px;height:30px;border-radius:999px;flex:none}.sh-lines{flex:1;display:flex;flex-direction:column;gap:6px}.sh-l{height:7px;border-radius:4px;background:#f0e6e8}.sh-btn{width:54px;height:20px;border-radius:10px;background:#f5dde3;flex:none}.art.hbo{background:linear-gradient(150deg,#0e0c16,#181228 60%,#241638)}.hb-ui{position:absolute;inset:14% -6% -6% 8%;display:flex;flex-direction:column;gap:14px}.hb-hero{height:42%;border-radius:10px;background:linear-gradient(120deg,#2a1e4a,#4a2a6a 70%,#6a3a7a);position:relative;overflow:hidden}.hb-hero:after{content:"";position:absolute;left:16px;bottom:14px;width:120px;height:10px;border-radius:5px;background:#ffffffd9}.hb-lbl{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#8a7fa8}.hb-rail{display:flex;gap:10px}.hb-tile{flex:1;aspect-ratio:16/10;border-radius:7px;background:#241d38;border:1px solid #322A4C}.hb-tile.hot{background:linear-gradient(130deg,#3a2a5e,#59356e);border-color:#59356e}.art.ginask{background:linear-gradient(150deg,#1c130b,#2b1d10 55%,#3a2917)}.gk-ui{position:absolute;inset:14% -6% -6% 12%;background:#241a10;border:1px solid #4A3826;border-radius:12px 0 0;padding:16px;box-shadow:0 24px 60px -20px #0009;display:flex;flex-direction:column;gap:10px}.gk-bar{height:8px;border-radius:4px;background:#4a3826}.gk-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.gk-cell{background:#2e2114;border:1px solid #4A3826;border-radius:7px;height:52px}.chips,.explore .km,.flipchip,.backflip{display:none}@media(max-width:767px){.snap,.view{height:100dvh}.topbar{padding:10px 14px 0 18px;background:#fefcf8e6;backdrop-filter:blur(8px);z-index:30}#v-stage:before{-webkit-mask-image:radial-gradient(ellipse 130% 50% at 50% 53%,transparent 0%,transparent 47%,black 72%);mask-image:radial-gradient(ellipse 130% 50% at 50% 53%,transparent 0%,transparent 47%,black 72%)}.stage-inner{padding:64px 22px 24px}h1{font-size:38px;line-height:1.12}.sprite.pencil{width:41px;height:38px}.pencil .s-scale{transform:scale(.78);transform-origin:top left}.sprite.ship{width:48px;height:39px}.ship .s-scale{transform:scale(.78);transform-origin:top left}.ctx{font-size:14.5px;line-height:1.6}.explore{padding:13px 22px}.explore .kd{display:none}.explore .km{display:inline;font-size:12px}.scrollcue{font-size:10px;padding:6px 10px}.dock{bottom:52px;gap:6px;padding:7px;border-radius:16px}.dock button{width:44px;height:44px;border-radius:11px}.dock button svg{width:19px;height:19px}.dock button:hover{transform:none;border-color:var(--hairline)}.dock .tip{display:none}.pet{bottom:58px;left:calc(50% + 92px)}.pet .tipp,.pet .zap{display:none}.pet .playlbl{display:block}#v-work{padding:76px 20px 0;overflow-y:auto;scrollbar-width:none}#v-work::-webkit-scrollbar{display:none}.work-head{flex:none;min-height:0;padding:0;align-items:flex-start}.work-head-inner{width:100%}.ptitle{gap:16px;font-size:34px}.sprite.hammer{width:47px;height:44px}.hammer .s-scale{transform:scale(.8);transform-origin:top left}.wrap{padding:0;display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:180px;min-width:0}.chips,.chips-row{min-width:0}.sel{display:none}.chips{margin-top:18px;display:flex;flex-direction:column;gap:8px}.chips-row{display:flex;gap:8px;align-items:center;min-width:0}.chips-lbl{flex:none;font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--ink-faint);padding:0 4px}.chips-scroll{display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0;scrollbar-width:none;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent 100%)}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll.scrolled{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 32px),transparent 100%)}.chip{flex:none;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-.01em;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-body);min-height:38px;transition:all .16s}.chip .ci{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--ink-muted)}.chip .cdot{width:6px;height:6px;border-radius:999px;box-sizing:border-box}.chip .cdot.live{background:#2bb35b;animation:pulse 2.4s infinite}.chip .cdot.shipped{border:1px solid var(--ink-faint)}.chip .cdot.slot{border:1px dashed var(--ink-faint)}.chip.on{background:var(--ink);color:var(--ground);border-color:var(--ink)}.chip.on .ci{color:#7fa3f0}.chip.on .cdot.shipped{border-color:var(--on-dark)}.chip.on .cdot.slot{border-color:var(--on-dark-3)}.stagebox{margin-top:14px;height:auto;flex:1;min-height:180px}.sface.front{border:1px solid var(--hairline)}.sface.front:after{background:linear-gradient(180deg,transparent 50%,rgba(12,12,15,.82))}.smeta{left:18px;right:18px;bottom:18px;gap:7px}.smeta h3{font-size:24px}.smeta p{font-size:13.5px}.smeta .cslink{display:none}.flipbadge{display:none!important}.stagebox.canflip .flipchip{display:inline-flex;position:absolute;top:10px;right:12px;z-index:4;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:#ffffffd9;background:#0c0c0f8c;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:999px;cursor:pointer;min-height:36px;align-items:center}.sndbtn{top:10px;right:auto;left:12px;min-height:36px}.stagebox.flipped .spot-in{transform:rotateY(180deg)}.sface.back{padding:20px;gap:13px;overflow-y:hidden;scrollbar-width:none}.sface.back::-webkit-scrollbar{display:none}.stagebox.flipped .sface.back{overflow-y:auto}.sface.back .bh .l{font-size:10px}.sface.back h3{font-size:20px}.sface.back .bh .goccs{display:none}.backflip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--on-dark-accent);background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;min-height:36px;cursor:pointer}.rows{font-size:11px}.codewell{font-size:10px}.bottomzone{flex:none;display:flex;justify-content:center;padding:26px 0 4px;min-height:0}.jumper{position:relative;top:auto;left:auto;transform:none;width:44px;height:64px;z-index:auto}.jumper .bod{inset:auto 0 0;height:36px}.jumper .tipp{bottom:calc(100% - 18px);font-size:9.5px;gap:4px}.footer{margin-top:10px!important;height:auto;padding:12px 0 14px;flex-direction:column;gap:8px;align-items:center;justify-content:center}.f-l{gap:18px}.stamp{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.stagebox.canflip:hover .spot-in,.stagebox.canflip.flipped .spot-in{transform:none}.sface{backface-visibility:visible;transition:opacity .3s}.sface.back{transform:none;opacity:0;pointer-events:none}.stagebox.canflip:hover .sface.back,.stagebox.canflip.flipped .sface.back{opacity:1;pointer-events:auto}.stagebox.canflip:hover .sface.front,.stagebox.canflip.flipped .sface.front{opacity:0}}