:root{color-scheme:dark;--bg: #05070d;--panel: rgba(255, 255, 255, .035);--line: rgba(255, 255, 255, .1);--text: #f4f6fb;--muted: #9aa1b5;--cyan: #35d3ff;--mint: #6bffd8;--progress: 0;--mx: 0;--my: 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{position:relative;min-height:100vh;background:radial-gradient(900px 600px at 78% -8%,rgba(53,211,255,.14),transparent 62%),radial-gradient(800px 600px at 6% 42%,rgba(125,92,255,.1),transparent 65%),radial-gradient(700px 500px at 92% 82%,rgba(107,255,216,.08),transparent 62%),var(--bg)}.progress{position:fixed;inset:0 0 auto 0;height:2px;transform-origin:0 50%;transform:scaleX(var(--progress));background:linear-gradient(90deg,var(--cyan),var(--mint));z-index:60}.glow-follow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(53,211,255,.12),transparent 62%);pointer-events:none;filter:blur(20px);z-index:1;will-change:transform}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,64px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#05070dd1,#05070d00)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:650;font-size:17px;letter-spacing:-.02em}.brand-orb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#35d3ff 40%,#0a2fd0 90%);box-shadow:0 0 18px #35d3ffa6}.nav-links{display:flex;gap:26px;font-size:13.5px}.nav-links a{color:var(--muted);text-decoration:none;transition:color .16s ease}.nav-links a:hover{color:var(--text)}.nav-cta{padding:9px 16px;border-radius:999px;border:1px solid rgba(53,211,255,.45);color:#d9f7ff;text-decoration:none;font-size:13px;background:#35d3ff14;transition:background .16s ease,transform .16s ease}.nav-cta:hover{background:#35d3ff29;transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-account{position:relative}.nav-account-btn{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:13px;cursor:pointer;list-style:none;transition:border-color .16s ease,background .16s ease}.nav-account-btn::-webkit-details-marker{display:none}.nav-account[open] .nav-account-btn,.nav-account-btn:hover{border-color:#35d3ff73;background:#35d3ff1a}.nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.nav-avatar-fallback{display:grid;place-items:center;font-size:10px;font-weight:700;background:linear-gradient(150deg,var(--cyan),#0a2fd0);color:#04121f}.nav-account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account-skeleton{display:block;width:92px;height:34px;border-radius:999px;background:#ffffff0f}.nav-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:230px;padding:8px;border-radius:14px;border:1px solid var(--line);background:#090d18f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000073}.nav-menu-head{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px 10px;border-bottom:1px solid var(--line);font-size:13px}.nav-menu-head span{color:var(--muted);font-size:12px}.nav-menu-item{display:block;padding:9px 10px;border-radius:9px;color:var(--text);text-decoration:none;font-size:13.5px}.nav-menu-item:hover{background:#35d3ff1a}.auth-notice{position:fixed;top:76px;left:50%;z-index:70;display:flex;gap:12px;align-items:center;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,120,120,.35);background:#78282866;color:#ffe6e6;font-size:13px;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-notice button{padding:0;border:0;background:none;color:inherit;font-size:16px;line-height:1;cursor:pointer}.act{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);padding:0 clamp(20px,5vw,72px)}.act-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stage-float{position:relative;transform:translate3d(calc(var(--mx) * -16px),calc(var(--my) * -12px),0);transition:transform .22s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 40px 80px rgba(10,40,120,.45))}.stage-poster{position:absolute;left:50%;top:50%;width:82%;height:auto;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .32s ease}.stage-poster-hidden{opacity:0}.stage-float:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(53,211,255,.24),transparent 68%);filter:blur(34px);pointer-events:none}.stage-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px currentColor}.theme-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px;max-width:340px}.theme-dot{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.theme-dot:hover{transform:scale(1.15)}.theme-dot-active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #ffffffd9}.act-copy{padding-top:90px}.chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.chapter h2{margin:10px 0 0;font-size:clamp(32px,4.2vw,56px);line-height:1.03;letter-spacing:-.035em;font-weight:640}.kicker{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.act-copy{container-type:inline-size}.hero h1{margin:16px 0 0;font-size:clamp(40px,6.4vw,92px);font-size:clamp(40px,13cqw,92px);line-height:.98;letter-spacing:-.045em;font-weight:650}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#a78bfa,#35d3ff 55%,var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:20px 0 0;max-width:46ch;color:var(--muted);font-size:clamp(15px,1.15vw,17px);line-height:1.7}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{padding:13px 22px;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px;background:#ffffff08;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px);border-color:#ffffff3d}.btn-primary{border:none;background:linear-gradient(135deg,#35d3ff,#6bffd8);color:#041016;font-weight:650;box-shadow:0 12px 40px #35d3ff59}.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:54px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#5f6a82}.scroll-cue span{width:34px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);animation:cue 2.2s ease-in-out infinite}@keyframes cue{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(8px);opacity:1}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.reveal.in{opacity:1;transform:none}.marquee{overflow:hidden;margin:clamp(30px,6vh,70px) 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;gap:40px;animation:marquee 34s linear infinite;color:#4f5b74;font-size:13px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}.section-head{padding:0 clamp(20px,5vw,72px)}section[id]{scroll-margin-top:92px}.section-head h2{margin:10px 0 0;font-size:clamp(30px,4vw,52px);letter-spacing:-.035em;line-height:1.04}.playground{position:relative;z-index:1;margin:clamp(40px,8vh,90px) clamp(20px,5vw,72px) 0;padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:26px;background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground-head h2{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}.playground-head p{margin:8px 0 0;max-width:62ch;color:var(--muted);font-size:14px;line-height:1.6}.playground-panel{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:stretch;margin-top:24px}.playground-stage{position:relative;display:grid;place-items:center;padding:16px 16px 22px;border-radius:22px;border:1px solid var(--line);background:radial-gradient(70% 62% at 50% 38%,rgba(53,211,255,.16),transparent 72%),#ffffff05;overflow:hidden}.playground-aura{position:absolute;inset:10% 14% auto;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(53,211,255,.26),transparent 68%);filter:blur(30px);pointer-events:none}.playground-placeholder{width:min(320px,72vw);height:min(320px,72vw);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(53,211,255,.16),transparent 70%)}.playground-caption{margin-top:2px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.playground-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.action-btn{padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#cfd6e6;font-family:inherit;font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.action-btn:hover:not(:disabled){border-color:#35d3ff80;background:#35d3ff1a;color:#fff}.action-btn:disabled{opacity:.38;cursor:default}.action-btn-active{border-color:#35d3ff99;background:#35d3ff29;color:#fff}.playground-side{display:flex;flex-direction:column;gap:16px;min-width:0}.expr-grid{display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;max-height:280px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.playground-note{margin:0;max-width:56ch;color:var(--muted);font-size:12.5px;line-height:1.6}.playground-note code{color:#bfe9ff}.expr-btn{padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#c8cbdb;font-family:inherit;font-size:12px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.expr-btn:hover{border-color:#ffffff3d}.expr-btn-active{background:#35d3ff29;border-color:#35d3ff99;color:#fff}.ladder{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.ladder-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px}.ladder-item img{display:block;border-radius:8px;filter:drop-shadow(0 10px 18px rgba(6,20,60,.45))}.ladder-item figcaption{color:#6d7288;font-size:10.5px;letter-spacing:.06em}.family{margin-top:clamp(50px,10vh,100px)}.family-body{padding:20px clamp(20px,5vw,72px) 0}.family-stage{position:relative;display:grid;place-items:center;border-radius:22px;border:1px solid var(--line);background:radial-gradient(70% 62% at 50% 40%,rgba(53,211,255,.12),transparent 72%),#ffffff05;padding:14px;overflow:hidden}.family-row{display:flex;align-items:flex-end;justify-content:center;width:100%}.family-row .family-kid{margin:0 -1.2vw}.family-mother{position:relative;z-index:1}.family-line-left{justify-content:flex-end;padding-right:6%}.family-line-right{justify-content:flex-start;padding-left:6%}.family-both-sides{justify-content:center}.family-divider{width:1px;height:22px;margin:0 6px;background:var(--line)}.family-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.icons{margin-top:clamp(60px,12vh,130px)}.icon-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(20px,4vw,46px);padding:34px clamp(20px,5vw,72px) 0}.icon-card{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .18s ease}.icon-card:hover{transform:translateY(-4px)}.icon-card img{display:block;filter:drop-shadow(0 16px 30px rgba(10,40,120,.5))}.icon-card figcaption{color:#6d7288;font-size:11px;letter-spacing:.1em}.connect{margin-top:clamp(70px,13vh,150px)}.guide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:34px clamp(20px,5vw,72px) 0}.guide-steps{display:flex;flex-direction:column;gap:14px;min-width:0}.guide-step{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#ffffff05}.guide-step-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.guide-badge{padding:3px 8px;border-radius:999px;border:1px solid rgba(53,211,255,.35);color:#8fe6ff;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.guide-step h3{margin:0;font-size:15px;letter-spacing:-.01em}.guide-step p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.55}.guide-code{position:relative}.guide-code pre{margin:0;padding:14px;border-radius:12px;border:1px solid var(--line);background:#03060ccc;color:#bfe9ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.8px;line-height:1.6;overflow-x:auto}.copy-btn{position:absolute;top:8px;right:8px;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:#090d18eb;color:#cfd6e6;font-family:inherit;font-size:11px;cursor:pointer}.copy-btn:hover{border-color:#35d3ff80;color:#fff}.guide-side h3{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.guide-side h3+ul{margin-bottom:24px}.guide-side ul{margin:0;padding-left:18px;color:#c7ccdb;font-size:13.5px;line-height:1.75}.guide-side code{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(60px,10vh,120px);padding:30px clamp(20px,5vw,72px) 40px;border-top:1px solid var(--line);color:#616a80;font-size:12.5px}.foot-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:600}.foot p{margin:0}.foot-domain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#7d879e}.integration{margin-top:clamp(70px,13vh,150px)}.soon-badge{display:inline-block;margin-top:16px;padding:5px 12px;border-radius:999px;border:1px solid rgba(53,211,255,.4);background:#35d3ff1a;color:#bfe9ff;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:34px clamp(20px,5vw,72px) 0}.integration-card{padding:20px;border-radius:18px;border:1px solid var(--line);background:#ffffff05}.integration-card h3{margin:0 0 8px;font-size:16px;letter-spacing:-.01em}.integration-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}.integration-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:24px clamp(20px,5vw,72px) 0;padding:20px 22px;border-radius:18px;border:1px solid var(--line);background:#35d3ff0d}.integration-cta p{margin:0;max-width:60ch;color:#c7ccdb;font-size:13.5px;line-height:1.6}.hero-soon{display:flex;align-items:center;gap:10px;margin:22px 0 0;color:var(--muted);font-size:13px}.hero-soon a{color:#bfe9ff}.soon-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #6bffd8cc;animation:soon-pulse 2.4s ease-in-out infinite}@keyframes soon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.wallpaper-trigger{margin-top:12px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#cfd6e6;font-family:inherit;font-size:12px;cursor:pointer}.wallpaper-trigger:hover{border-color:#35d3ff80;color:#fff}button.nav-cta{font-family:inherit;cursor:pointer}html.wallpaper-mode main,html.wallpaper-mode .nav,html.wallpaper-mode .foot,html.wallpaper-mode .auth-notice{visibility:hidden}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:#05070d;color:var(--text)}.wallpaper-bg{position:absolute;top:0;right:0;bottom:0;left:0}.wallpaper-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,40px)}.wallpaper-brand{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.wallpaper-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#05070d80;color:#fff;font-size:22px;line-height:1;cursor:pointer}.wallpaper-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-bottom:300px}.wallpaper-stage .stage-poster{width:min(58vh,84vw)}.wallpaper-controls{position:absolute;left:50%;bottom:clamp(16px,3vh,30px);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(760px,calc(100% - 32px));padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#05070d8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.wallpaper-expressions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-height:142px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.wallpaper-expressions .expr-btn{padding:5px 9px;font-size:11px}.wallpaper-options{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:8px;width:100%}.wallpaper-options .dropdown{flex:1 1 190px;min-width:170px}.wallpaper-buttons{display:flex;flex-wrap:wrap;gap:8px}.dropdown{position:relative;min-width:246px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:7px 12px 7px 14px;border-radius:12px;border:1px solid var(--line);background:#090d18d9;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropdown-trigger:hover,.dropdown-open .dropdown-trigger{border-color:#35d3ff73;background:#0d1424f5}.dropdown-trigger:focus-visible{outline:2px solid rgba(53,211,255,.6);outline-offset:2px}.dropdown-text{display:flex;flex-direction:column;gap:1px;min-width:0}.dropdown-caption{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73}.dropdown-value{overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.dropdown-chevron{flex:0 0 auto;width:18px;height:18px;color:#ffffff8c;transition:transform .15s ease}.dropdown-open .dropdown-chevron{transform:rotate(180deg)}.dropdown-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;padding:6px;border-radius:14px;border:1px solid var(--line);background:#090d18fa;box-shadow:0 22px 60px #0000008c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdown-in .12s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dropdown-panel-up{top:auto;bottom:calc(100% + 6px)}.dropdown-search{display:flex;align-items:center;gap:8px;height:40px;margin-bottom:6px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a}.dropdown-search svg{flex:0 0 auto;width:16px;height:16px;color:#ffffff73}.dropdown-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-family:inherit;font-size:13px}.dropdown-search input::placeholder{color:#ffffff59}.dropdown-list{max-height:232px;overflow-y:auto;scrollbar-width:thin}.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#cfd6e6;font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.dropdown-option span{display:flex;flex-direction:column;gap:1px;min-width:0}.dropdown-option em{color:#fff6;font-size:11px;font-style:normal}.dropdown-option.is-active{background:#35d3ff1a;color:#fff}.dropdown-option.is-selected{color:#fff}.dropdown-check{flex:0 0 auto;width:16px;height:16px;color:var(--mint)}.dropdown-empty{margin:0;padding:14px 10px;color:#ffffff73;font-size:12.5px}.toast{position:fixed;left:50%;bottom:26px;z-index:120;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#090d18f2;color:#e8edf7;font-size:13px;transform:translate(-50%);box-shadow:0 16px 40px #00000073}.foot-actions{display:flex;align-items:center;gap:14px}.foot-share{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#cfd6e6;font-family:inherit;font-size:12px;cursor:pointer}.foot-share:hover{border-color:#35d3ff73;color:#fff}.preview-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:clamp(16px,4vw,40px);background:#020408e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-box img{width:auto;height:auto;max-width:min(92vw,1400px);max-height:74vh;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px #0009}.preview-actions{display:flex;gap:10px}.wallpaper-note{margin:0;text-align:center;color:#fff9;font-size:11.5px;line-height:1.5}@media (max-width: 980px){.act{grid-template-columns:minmax(0,1fr)}.act-stage{position:relative;top:auto;height:auto;z-index:1;padding:76px 0 18px;background:none}.act-stage .theme-row{margin-top:10px}.act-copy{padding-top:0}.chapter{min-height:auto;justify-content:flex-start;padding:34px 0}.hero{padding-top:10px}.scroll-cue{display:none}.playground-panel,.guide{grid-template-columns:minmax(0,1fr)}.expr-grid{max-height:none}.nav-links,.nav-account-name{display:none}.nav{gap:12px;background:#05070ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}@media (max-width: 640px){.nav{padding:12px 14px}.nav-actions{gap:6px}.nav-cta{padding:7px 11px;font-size:12px}.playground{margin:34px 14px 0;padding:16px;border-radius:20px}.playground-stage{padding:8px 8px 16px}.playground-actions{gap:5px}.action-btn{padding:6px 10px;font-size:11.5px}.expr-grid{gap:6px}.expr-btn{padding:6px 9px;font-size:11.5px}.ladder{gap:10px;padding-top:16px}.ladder-item figcaption{font-size:9.5px}.icon-row{gap:18px;padding-inline:16px}.guide{padding-inline:16px}.guide-step{padding:14px}.guide-code{display:flex;flex-direction:column;gap:6px}.copy-btn{position:static;align-self:flex-end}.guide-code pre{font-size:11px;padding:12px}.guide-side ul{font-size:13px}.auth-notice{top:66px;width:calc(100% - 28px);font-size:12px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.marquee-track,.scroll-cue span{animation:none}.reveal{transition:none;opacity:1;transform:none}.stage-float{transform:none}}@media (max-width: 640px){.wallpaper{overflow-y:auto}.wallpaper-bg{position:fixed}.wallpaper-stage{position:relative;inset:auto;min-height:0;padding:64px 0 4px}.wallpaper-controls{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:6px auto 22px;padding:12px;gap:10px;transform:none}.wallpaper-expressions{max-height:76px}.dropdown{flex:1 1 100%;min-width:0}.wallpaper-buttons{width:100%}.wallpaper-buttons .btn{flex:1}}