*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-28{height:7rem}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-accent{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-14{padding-top:3.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-\[1\.04\]{line-height:1.04}.tracking-tight{letter-spacing:-.025em}.text-accent{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(166 176 192/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--bg:#081521;--bg2:#0d1525;--deep-purple:#160c29;--card:#111827;--card-hover:#151f32;--card-border:#273348;--accent:#2563eb;--accent2:#3b82f6;--cyan:#38d9f5;--purple:#8b5cf6;--orange:#ff8a3d;--green-accent:#38d996;--text:#f8fafc;--muted:#a6b0c0;--muted2:#748197;--paper:#f7f6f2;--ink:#111;--red:#ff4d4d;--yellow:#ffd84d;--blue:#5b7cff;--green:#6ce5a1}body,html{height:100%}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 6%,rgba(56,217,245,.1),transparent 26rem),radial-gradient(circle at 86% 20%,rgba(139,92,246,.11),transparent 28rem),linear-gradient(135deg,#08202a,#101525 52%,#180b2d);color:var(--text);position:relative}header img{filter:drop-shadow(0 8px 18px rgba(37,99,235,.26))}body:before{content:"";position:fixed;inset:0;background-image:url(/bg.gif);background-repeat:no-repeat;background-position:50%;background-size:min(72vw,520px);opacity:.06;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}::-moz-selection{background:rgba(37,99,235,.35)}::selection{background:rgba(37,99,235,.35)}.glow{background:radial-gradient(circle at 50% 40%,rgba(34,211,238,.16),transparent 62%)}.glass{background:rgba(16,24,39,.66);border:1px solid rgba(248,250,252,.1);backdrop-filter:blur(10px)}.games-section{padding:24px 32px 88px}.games-container{max-width:1240px;margin:0 auto}.explore-header{margin-bottom:24px}.explore-header span,.game-category{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.explore-header h2{margin:8px 0 0;color:var(--text);font-size:clamp(30px,4vw,36px);font-weight:700;line-height:1.08}.standard-game-card:hover{transform:translateY(-4px);border-color:rgba(56,217,245,.5);background:var(--card-hover)}.game-art{min-height:184px;position:relative;overflow:hidden;border-radius:14px;background:#0d1525}.art-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:26px 26px}.game-art-cyan,.game-art-green{background:radial-gradient(circle at 72% 28%,rgba(56,217,150,.28),transparent 34%),linear-gradient(135deg,#0d1525,#0f2d35)}.game-art-orange{background:radial-gradient(circle at 62% 45%,rgba(255,138,61,.34),transparent 33%),radial-gradient(circle at 78% 38%,rgba(139,92,246,.26),transparent 34%),linear-gradient(135deg,#0d1525,#211632)}.game-art-purple{background:radial-gradient(circle at 70% 35%,rgba(139,92,246,.34),transparent 36%),linear-gradient(135deg,#0d1525,#1f1b3f)}.build-art{position:absolute;inset:0}.build-art span{position:absolute;bottom:34px;width:58px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,var(--cyan),var(--green-accent));box-shadow:0 18px 38px rgba(56,217,245,.18)}.build-art span:first-child{right:42%;height:78px}.build-art span:nth-child(2){right:24%;height:112px}.build-art span:nth-child(3){right:9%;height:58px}.circle-art{position:absolute;inset:0;display:grid;place-items:center}.circle-art span{width:132px;border-left-color:var(--orange);border-bottom-color:var(--orange);border-right:12px solid var(--orange);border-top:12px solid var(--orange);border-left:12px solid var(--cyan);border-bottom:12px solid var(--purple);box-shadow:0 0 42px rgba(255,138,61,.28)}.circle-art b,.circle-art span{aspect-ratio:1;border-radius:50%}.circle-art b{position:absolute;width:16px;background:var(--cyan);transform:translate(54px,-48px)}.explore-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.explore-header p{margin:8px 0 0;color:var(--muted);font-size:15px}.game-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.game-filters button{min-height:38px;border:1px solid var(--card-border);border-radius:9px;background:rgba(17,24,39,.58);color:var(--muted);cursor:pointer;font-size:13px;font-weight:700;padding:0 14px;transition:background .2s ease,color .2s ease,border-color .2s ease}.game-filters button.selected,.game-filters button:hover{border-color:rgba(37,99,235,.55);background:rgba(37,99,235,.2);color:var(--text)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.standard-game-card{min-height:336px;display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--card-border);border-radius:16px;background:var(--card);color:var(--text);text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.standard-game-card .game-art{min-height:190px;border-radius:0;transition:transform .23s ease}.standard-game-card:hover .game-art{transform:scale(1.03)}.standard-card-copy{display:flex;min-height:146px;flex:1;flex-direction:column;padding:18px 20px 20px}.card-label-row,.game-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-badge{border-radius:999px;background:rgba(37,99,235,.15);color:#60a5fa;font-size:11px;font-weight:800;padding:4px 8px}.standard-card-copy h3{margin:12px 0 8px;font-size:22px;font-weight:700;line-height:1.1}.standard-card-copy p{margin:0;color:var(--muted);display:-webkit-box;font-size:14px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.game-meta{margin-top:auto;color:var(--muted2);font-size:13px;font-weight:700}.game-meta strong{color:var(--cyan)}.advertise-section{padding:0 32px 88px}.advertise-panel{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--card-border);border-radius:20px;background:linear-gradient(135deg,rgba(16,24,39,.96),rgba(22,12,41,.82));padding:32px}.advertise-panel span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.advertise-panel h2{margin:8px 0 12px;color:var(--text);font-size:clamp(30px,4vw,36px);font-weight:700}.advertise-panel p{max-width:620px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}.advertise-email{display:inline-flex;margin-top:18px;color:var(--text);font-weight:700}.advertise-cta{flex:0 0 auto;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;padding:13px 18px;text-decoration:none;transition:background .2s ease,transform .2s ease}.advertise-cta:hover{background:var(--accent2);transform:translateY(-2px)}@media (max-width:860px){.advertise-section,.games-section{padding-left:24px;padding-right:24px}.advertise-panel,.explore-header{align-items:stretch;flex-direction:column}.game-filters{justify-content:flex-start}}@media (max-width:560px){.advertise-section,.games-section{padding-left:16px;padding-right:16px}.game-grid{grid-template-columns:1fr}.advertise-panel{padding:22px}}.circle-scene,.runner-scene{position:absolute;inset:0}.score-pill{position:absolute;right:16px;top:16px;z-index:2;border-radius:999px;background:hsla(0,0%,100%,.1);padding:8px 12px;font-size:12px;font-weight:800}.block-tower{position:absolute;left:18%;bottom:30px;width:56px;height:112px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#facc15,#fb923c)}.runner-token{position:absolute;right:24%;bottom:44px;width:70px;height:70px;border-radius:18px;background:#22d3ee;box-shadow:0 0 34px rgba(34,211,238,.38);transition:transform .22s ease}.runner-token.is-jumping{transform:translateY(-68px) rotate(10deg)}.coin{position:absolute;width:26px;height:26px;border-radius:999px;background:#fde047}.coin-one{left:45%;top:34%}.coin-two{right:17%;top:28%}.scroll-obstacle{position:absolute;left:58%;bottom:35px;width:28px;height:62px;border-radius:12px 12px 4px 4px;background:#f472b6;animation:obstacle-slide 2.4s linear infinite}.play-control{position:absolute;bottom:16px;right:16px;z-index:3;border-radius:999px;background:#fff;color:#111827;padding:10px 16px;font-size:13px;font-weight:900;transition:transform .16s ease}.play-control:hover{transform:translateY(-2px)}.target-button:hover{transform:translate(-50%,-50%) scale(1.03)}.target-ring{position:absolute;inset:0;width:148px;height:148px;border:18px solid #f472b6;border-radius:999px;box-shadow:0 0 42px rgba(244,114,182,.35)}.target-dot{left:50%;top:50%;width:56px;height:56px;border-radius:999px;background:#22d3ee}.target-button,.target-dot{position:absolute;transform:translate(-50%,-50%)}.target-button{width:148px;height:148px;border:0;border-radius:999px;background:transparent;cursor:pointer;transition:left .18s ease,top .18s ease,transform .16s ease}.pulse-orbit{position:absolute;left:50%;top:50%;width:210px;height:210px;border:1px solid rgba(250,204,21,.55);border-radius:999px;transform:translate(-50%,-50%)}@keyframes obstacle-slide{0%{transform:translateX(180px)}to{transform:translateX(-360px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-up{animation:fade-up .65s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.animate-float{animation:float 6s ease-in-out infinite;will-change:transform}.anim-delay-0{animation-delay:0s}.anim-delay-1{animation-delay:90ms}.anim-delay-2{animation-delay:.18s}.anim-delay-3{animation-delay:.27s}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-float{animation:none!important;transform:none!important}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:bg-accent2:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-text:hover{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr .7fr}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child){margin-top:1rem}.reveal{opacity:0;translate:0 12px;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1);will-change:opacity,translate}.reveal.reveal-in{opacity:1;translate:0 0}.fade-up{opacity:0;translate:0 10px;transition:opacity .65s cubic-bezier(.16,1,.3,1),translate .65s cubic-bezier(.16,1,.3,1);will-change:opacity,translate}.fade-up.reveal-in{opacity:1;translate:0 0}.hover-scale{transition:scale .22s cubic-bezier(.16,1,.3,1);will-change:scale}.hover-scale:hover{scale:1.03}.hover-lift{transition:translate .22s cubic-bezier(.16,1,.3,1);will-change:translate}.hover-lift:hover{translate:0 -2px}.stagger-words{display:inline}.stagger-words .word{display:inline-block;opacity:0;translate:0 10px;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1);will-change:opacity,translate}.stagger-words.stagger-in .word{opacity:1;translate:0 0}@media (prefers-reduced-motion:reduce){.fade-up,.hover-lift,.hover-scale,.reveal,.stagger-words .word{transition:none!important;opacity:1!important;translate:0 0!important;scale:1!important}}.animate-fade-up{opacity:1;transform:none}.animate-fade-up,.animate-float{animation:none!important}.anim-delay-0,.anim-delay-1,.anim-delay-2,.anim-delay-3{animation-delay:0s!important}.experience{min-height:100vh;overflow:hidden;color:var(--ink);background:linear-gradient(180deg,rgba(255,216,77,.18),transparent 32rem),repeating-linear-gradient(90deg,hsla(0,0%,7%,.025) 0 1px,transparent 1px 72px),var(--paper);transition:background .7s ease}.outside-mode{background:linear-gradient(#9ad8ff,#eefbff 58%,#6ce5a1)}.progress-rail{position:fixed;right:16px;top:16px;z-index:20;width:10px;height:calc(100svh - 32px);border:2px solid var(--ink);border-radius:999px;background:#fff;pointer-events:none}.progress-thumb{display:block;width:100%;height:100%;border-radius:inherit;background:var(--red);transform:scaleY(0);transform-origin:top}.opening,.scene{position:relative;display:grid;min-height:100svh;place-items:center;padding:clamp(28px,5vw,74px)}.opening{align-content:center;gap:clamp(22px,3.8vw,44px)}.opening-copy{display:grid;max-width:1180px;gap:17px;text-align:center}.eyebrow,.kicker{margin:0;color:var(--red);font-size:clamp(16px,2.6vw,38px);font-weight:950;line-height:1;text-transform:uppercase}.opening h1,.scene h2{max-width:12ch;margin:0;font-size:clamp(56px,10vw,154px);font-weight:950;letter-spacing:0;line-height:.84}.opening p:not(.eyebrow),.scene-line{max-width:780px;margin:0;font-size:clamp(19px,2vw,30px);font-weight:760;line-height:1.14}.control-row{display:grid;width:min(1160px,100%);grid-template-columns:minmax(0,1fr) minmax(250px,370px);align-items:center;gap:clamp(24px,5vw,76px)}.slider-wrap{display:grid;gap:18px}.slider-wrap span{font-size:clamp(36px,6.4vw,90px);font-weight:950;letter-spacing:0;line-height:.9}.slider-wrap input{width:100%;height:42px;accent-color:var(--red);cursor:grab}.slider-wrap input:active{cursor:grabbing}.slider-wrap small{display:flex;justify-content:space-between;color:hsla(0,0%,7%,.58);font-size:14px}.choice-row button,.comparison-card,.habit-dial button,.primary-button,.share-actions button{min-height:54px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);cursor:pointer;font-weight:950;padding:14px 25px;transition:transform .16s ease,background .16s ease,color .16s ease}.choice-row button:hover,.comparison-card:hover,.habit-dial button:hover,.primary-button:hover,.share-actions button:hover{transform:translateY(-4px) rotate(-1deg)}.stat-ribbon{display:grid;width:min(940px,94vw);grid-template-columns:repeat(4,1fr);gap:10px}.stat-ribbon span{display:grid;min-height:92px;align-content:center;border:3px solid var(--ink);background:#fff;box-shadow:7px 8px 0 var(--ink);font-size:13px;font-weight:900;text-align:center;text-transform:uppercase}.stat-ribbon b{display:block;color:var(--red);font-size:clamp(24px,4vw,48px);line-height:.95}.phone-stage{position:relative;width:min(100%,360px);height:440px;border:0;background:transparent;cursor:pointer;transform:rotate(var(--tilt));transition:transform .24s cubic-bezier(.2,1.7,.28,1)}.phone-stage:hover{animation:phone-vibrate calc(.31s - var(--panic) * .13s) linear infinite}.phone-aura{position:absolute;inset:54px;border:3px dashed hsla(0,0%,7%,.18);border-radius:44px;opacity:var(--panic);scale:calc(.92 + var(--panic) * .24)}.phone-body{position:absolute;inset:74px 70px 22px;display:block;border:8px solid var(--ink);border-radius:34px;background:#fff;box-shadow:12px 14px 0 var(--yellow),18px 20px 0 var(--ink)}.phone-speaker{position:absolute;top:17px;left:50%;width:52px;height:8px;border-radius:999px;background:var(--ink);transform:translateX(-50%)}.phone-screen{position:absolute;inset:48px 16px 18px;display:grid;align-content:start;gap:12px;overflow:hidden;border-radius:20px;background:#f7f6f2;padding:20px 14px}.feed-line,.feed-tile{display:block;border-radius:999px;background:var(--ink)}.feed-line{width:72%;height:13px}.feed-line.wide{width:94%;background:var(--blue)}.feed-line.short{width:46%;background:var(--green)}.feed-tile{width:100%;height:98px;border-radius:18px;background:linear-gradient(135deg,var(--red) 0 48%,transparent 49%),var(--yellow)}.notification{position:absolute;left:50%;top:55%;display:grid;min-width:36px;height:36px;place-items:center;border:3px solid var(--ink);border-radius:999px;background:var(--red);box-shadow:4px 5px 0 var(--ink);color:#fff;font-size:12px;font-weight:950;opacity:calc(.28 + var(--panic) * .95);padding:0 8px;transform:translate(var(--x),var(--y)) scale(var(--scale));transition:opacity .2s ease,transform .2s ease;animation:bob .9s var(--delay) ease-in-out infinite alternate}.notification.popped{opacity:0;transform:translate(var(--x),var(--y)) scale(2)}.secret{min-height:20px;opacity:0;font-size:12px;font-weight:950;text-transform:uppercase}.secret.visible{opacity:1}.scene{gap:clamp(24px,4vw,54px);text-align:center}.scene.active{opacity:1}.day-scene{align-content:center;overflow:hidden;background:linear-gradient(180deg,#fff,#fff 58%,rgba(255,216,77,.16)),#fff}.day-builder{display:grid;width:min(1120px,calc(100vw - 84px));gap:clamp(14px,2vw,22px)}.day-score{display:grid;grid-template-columns:.8fr .8fr 1.5fr;gap:10px}.day-score span{display:grid;min-width:0;min-height:88px;align-content:center;border:3px solid var(--ink);border-radius:8px;background:#fff;box-shadow:6px 7px 0 var(--ink);font-size:12px;font-weight:950;padding:12px 14px;text-align:left;text-transform:uppercase}.day-score b{display:block;color:var(--red);font-size:clamp(24px,3vw,42px);line-height:.95;overflow-wrap:anywhere}.day-strip{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end}.hour{position:relative;min-height:210px;overflow:hidden;border:2px solid hsla(0,0%,7%,.18);background:#f7f6f2;cursor:pointer;padding:0;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.hour:not(:disabled):hover{transform:translateY(-10px);box-shadow:0 10px 0 hsla(0,0%,7%,.14)}.hour:disabled{cursor:default}.hour.used{border-color:var(--ink);background:var(--red);box-shadow:inset 0 0 0 4px hsla(0,0%,100%,.2);animation:hour-pop .55s cubic-bezier(.2,1.4,.2,1) both}.hour.focus{background:var(--blue)}.hour.move{background:var(--green)}.hour.sleep{background:var(--yellow)}.hour.people{background:var(--ink)}.hour.focus b,.hour.people b{color:#fff}.hour.free b{color:hsla(0,0%,7%,.34)}.hour b{position:absolute;bottom:8px;left:50%;color:hsla(0,0%,7%,.56);font-size:10px;font-weight:950;rotate:-90deg;text-transform:uppercase;transform-origin:left center}.day-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.day-actions button{min-height:54px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:5px 6px 0 var(--ink);color:var(--ink);cursor:pointer;font-weight:950;padding:13px 23px;text-transform:uppercase;transition:transform .16s ease,background .16s ease}.day-actions button:hover{transform:translateY(-4px) rotate(-1deg)}.day-actions button:nth-child(2){background:var(--yellow)}.day-nudge{justify-self:center;max-width:760px;margin:0;font-size:clamp(15px,1.5vw,20px);font-weight:850;line-height:1.16}.habit-dial{display:grid;width:min(980px,calc(100vw - 84px));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.habit-dial button{display:grid;min-height:136px;align-content:space-between;border-radius:8px;background:#fff;color:var(--ink);padding:16px;text-align:left}.habit-dial button.selected{background:var(--yellow)}.habit-dial button small,.habit-dial button span{font-size:12px;font-weight:950;line-height:1.08;text-transform:uppercase}.habit-dial button b{color:var(--red);font-size:clamp(28px,4vw,52px);line-height:.9}.habit-dial button small{color:hsla(0,0%,7%,.72)}.week-scene{align-content:center;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(91,124,255,.12) 0 160px,transparent 164px),linear-gradient(90deg,rgba(91,124,255,.08),transparent 58%),var(--paper)}.week-visual{display:grid;width:min(1160px,calc(100vw - 88px));max-width:100%;grid-template-columns:190px minmax(300px,1fr) minmax(280px,360px);align-items:stretch;gap:clamp(14px,2vw,24px)}.week-meter{position:relative;display:grid;min-height:390px;align-items:end;overflow:hidden;border:4px solid var(--ink);border-radius:8px;background:#fff;box-shadow:8px 10px 0 var(--ink)}.week-meter span{display:block;height:calc(var(--fill) * 100%);background:repeating-linear-gradient(0deg,var(--red) 0 18px,#ff7373 18px 30px);transform-origin:bottom;animation:grow-up .7s cubic-bezier(.2,1.5,.25,1)}.week-meter b{bottom:34px;font-size:19px;line-height:.95}.week-meter b,.week-meter small{position:absolute;left:12px;right:12px;font-weight:950;text-transform:uppercase}.week-meter small{bottom:12px;font-size:12px}.stack-stage{position:relative;min-width:0;min-height:390px;overflow:hidden;border:3px solid hsla(0,0%,7%,.12);border-radius:8px;background:linear-gradient(180deg,transparent 0 70%,hsla(0,0%,7%,.04) 70% 100%),#fff}.stack-phone{position:absolute;left:calc(50% + (var(--i) % 11 - 5) * 36px);bottom:calc((var(--i) / 11) * 23px + 16px);width:45px;height:74px;border:5px solid var(--ink);border-radius:12px;background:#fff;box-shadow:5px 6px 0 var(--ink);transform:rotate(var(--lean));transform-origin:bottom center;animation:stack-in .7s calc(var(--i) * 14ms) both cubic-bezier(.2,1.4,.2,1);cursor:pointer;transition:transform .16s ease,background .16s ease}.stack-phone:hover{background:var(--mode-color);transform:translateY(-9px) rotate(var(--lean))}.stack-phone:nth-child(3n){background:var(--yellow)}.stack-phone:nth-child(4n){background:var(--green)}.week-panel{display:grid;gap:12px}.week-days{display:grid;gap:8px}.week-days button{position:relative;display:grid;min-height:46px;grid-template-columns:52px minmax(0,1fr) 48px;align-items:center;overflow:hidden;border:3px solid var(--ink);background:#fff;box-shadow:5px 6px 0 var(--ink);color:var(--ink);cursor:pointer;font-weight:950;padding:8px 11px;text-align:left}.week-days button.selected{background:var(--yellow);transform:translateX(-6px)}.week-days b,.week-days strong{position:relative;z-index:1}.week-days span{height:12px;background:var(--red);transform-origin:left}.week-editor{display:grid;gap:10px;border:4px solid var(--ink);border-radius:8px;background:var(--blue);box-shadow:8px 9px 0 var(--ink);color:#fff;padding:18px;text-align:left}.week-editor span,.week-modes button,.week-reset,.week-stepper button{font-size:12px;font-weight:950;text-transform:uppercase}.week-editor strong{color:var(--yellow);font-size:clamp(34px,4vw,58px);line-height:.9}.week-modes,.week-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.week-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.week-modes button,.week-reset,.week-stepper button{border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;padding:10px}.week-modes button.selected,.week-reset{background:var(--yellow)}.week-editor p{margin:0;font-size:16px;font-weight:800;line-height:1.15}.year-scene{background:linear-gradient(180deg,#fff,#fff 68%,rgba(108,229,161,.12)),#fff}.compare-scene,.year-scene{align-content:center;overflow:hidden}.compare-scene{background:radial-gradient(circle at 11% 19%,rgba(255,216,77,.44) 0 92px,transparent 96px),radial-gradient(circle at 90% 81%,rgba(108,229,161,.34) 0 108px,transparent 112px),#fff}.compact-heading{max-width:10ch!important;font-size:clamp(46px,6.4vw,96px)!important}.calendar-wrap{display:grid;width:min(1120px,calc(100vw - 92px));max-width:100%;grid-template-columns:minmax(0,740px) minmax(250px,320px);grid-template-areas:"months panel" "grid panel";gap:14px clamp(16px,2vw,24px);align-items:start}.month-strip{display:grid;grid-area:months;min-width:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.month-strip button{position:relative;display:grid;min-height:48px;min-width:0;place-items:center;overflow:hidden;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;font-weight:950}.month-strip button span{position:relative;z-index:1}.month-strip b{position:absolute;inset:0;background:var(--yellow);transform-origin:left;z-index:0}.month-strip button{z-index:1}.month-strip button.selected{box-shadow:4px 5px 0 var(--ink);transform:translateY(-3px)}.calendar-grid{display:grid;grid-area:grid;min-width:0;grid-template-columns:repeat(31,minmax(0,1fr));gap:5px}.calendar-day{aspect-ratio:1;min-width:0;width:100%;border:1px solid hsla(0,0%,7%,.12);background:#f7f6f2;cursor:pointer;padding:0;transition:transform .16s ease,background .16s ease,border-color .16s ease}.calendar-day:not(:disabled):hover{border-color:var(--ink);transform:scale(1.22) rotate(-4deg);z-index:2}.calendar-day:disabled{cursor:default}.calendar-day.filled{background:var(--red);transform:scale(.9) rotate(6deg)}.calendar-day.reclaimed{border-color:var(--ink);background:var(--green);transform:scale(.88)}.year-editor{display:grid;grid-area:panel;align-content:start;min-width:0;max-width:100%;overflow:hidden;border:4px solid var(--ink);border-radius:8px;background:linear-gradient(180deg,rgba(255,216,77,.72),#fff 68%),#fff;box-shadow:8px 10px 0 var(--ink);gap:12px;padding:16px;text-align:left}.year-editor span,.year-plan-button,.year-plans button,.year-stepper button{font-size:12px;font-weight:950;text-transform:uppercase}.year-editor strong{display:grid;-moz-column-gap:12px;column-gap:12px;row-gap:2px;color:var(--red);line-height:.88;max-width:100%}.year-editor strong b{font-size:clamp(38px,4vw,58px);line-height:.82}.year-editor strong small{font-size:clamp(18px,2vw,28px);font-weight:950;line-height:.9;text-transform:uppercase}.year-editor p{margin:0;font-size:15px;font-weight:850;line-height:1.08}.year-plans,.year-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.year-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.year-plan-button,.year-plans button,.year-stepper button{border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;min-height:42px;padding:8px}.year-plan-button,.year-plans button.selected{background:var(--yellow)}.comparison-lab{display:grid;width:min(1180px,calc(100vw - 96px));max-width:100%;grid-template-areas:"hero choices" "plan choices";grid-template-columns:minmax(260px,.86fr) minmax(320px,1.14fr);gap:clamp(14px,2vw,24px);align-items:stretch}.swap-hero{display:grid;grid-area:hero;min-width:0;align-content:space-between;border:4px solid var(--ink);border-radius:8px;background:var(--blue);box-shadow:9px 11px 0 var(--ink);color:#fff;padding:clamp(20px,3vw,34px);text-align:left}.swap-hero span{font-size:14px;text-transform:uppercase}.swap-hero span,.swap-hero strong{color:var(--yellow);font-weight:950}.swap-hero strong{font-size:clamp(62px,8vw,132px);letter-spacing:0;line-height:.82;overflow-wrap:anywhere}.swap-hero p{max-width:18ch;margin:0;font-size:clamp(20px,2.2vw,34px);font-weight:900;line-height:.98;text-transform:uppercase}.comparison-deck{display:grid;grid-area:choices;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.5vw,16px)}.comparison-card{display:grid;min-width:0;min-height:126px;align-content:space-between;border-radius:8px;background:#f7f6f2;box-shadow:6px 7px 0 var(--ink);color:var(--ink);padding:18px;text-align:left}.comparison-card:nth-child(2n){background:var(--yellow)}.comparison-card:nth-child(3n){background:var(--green)}.comparison-card small,.comparison-card span{font-size:12px;font-weight:950;text-transform:uppercase}.comparison-card small{display:none}.comparison-card b{color:var(--red);font-size:clamp(32px,4vw,58px);line-height:.86;overflow-wrap:anywhere}.comparison-card.selected{background:var(--blue);color:#fff;transform:rotate(1deg) scale(1.02)}.comparison-card.selected b{color:var(--yellow)}.swap-detail{display:grid;grid-area:plan;min-width:0;align-content:space-between;border:4px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 91% 20%,var(--red) 0 36px,transparent 38px),var(--yellow);box-shadow:8px 9px 0 var(--ink);gap:18px;padding:clamp(18px,2.4vw,28px);text-align:left}.mini-checks b,.swap-detail span{font-size:13px;font-weight:950;text-transform:uppercase}.swap-detail strong{display:none;color:var(--red);font-size:clamp(58px,8vw,104px);font-weight:950;line-height:.86}.swap-detail p{max-width:26ch;margin:0;font-size:clamp(19px,2vw,27px);font-weight:850;line-height:1}.mini-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-checks b{border:2px solid var(--ink);background:#fff;padding:10px;text-align:center}.physics-scene{grid-template-columns:minmax(0,.9fr) minmax(300px,.8fr);background:var(--paper);text-align:left}.physics-wrap{display:grid;gap:12px;justify-items:center}.jar-controls button,.physics-wrap p{margin:0;font-size:12px;font-weight:950;text-transform:uppercase}.jar-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.jar-controls button{border:3px solid var(--ink);border-radius:999px;background:#fff;box-shadow:5px 6px 0 var(--ink);cursor:pointer;padding:10px 18px}.jar-controls button.selected{background:var(--yellow);transform:translateY(3px);box-shadow:2px 3px 0 var(--ink)}.time-machine{position:relative;width:min(440px,88vw);height:430px}.magnet-stage,.physics-jar,.rain-stage,.reset-stage{width:100%;height:100%;overflow:hidden;border:5px solid var(--ink);border-radius:18px 18px 42px 42px;box-shadow:12px 14px 0 var(--ink)}.physics-jar{border-top-width:18px;background:linear-gradient(180deg,rgba(91,124,255,.08),transparent 50%),hsla(0,0%,100%,.74);cursor:pointer}.physics-jar canvas{display:block}.rain-stage{position:relative;border-radius:26px;background:linear-gradient(180deg,#111 0 18%,#5b7cff 18% 19%,#dfe8ff 19% 72%,#ffd84d 72% 100%)}.rain-stage:after{position:absolute;right:22px;bottom:26px;left:22px;height:78px;border:4px solid var(--ink);border-radius:0 0 32px 32px;background:#fff;box-shadow:inset 0 18px 0 var(--green);content:""}.rain-stage strong{left:26px;top:22px;z-index:2;color:var(--yellow);font-size:clamp(34px,5vw,58px);line-height:.88}.rain-stage strong,.time-drop{position:absolute;font-weight:950}.time-drop{left:var(--x);top:-60px;z-index:1;border:3px solid var(--ink);border-radius:999px;background:var(--red);box-shadow:4px 5px 0 var(--ink);color:#fff;font-size:11px;padding:9px 11px;text-transform:uppercase;animation:time-rain 1.7s var(--delay) linear infinite}.time-drop:nth-child(3n){background:var(--yellow);color:var(--ink)}.time-drop:nth-child(4n){background:var(--green);color:var(--ink)}.magnet-stage{position:relative;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,hsla(0,0%,7%,.08) 0 3px,transparent 3px 26px),#fff}.magnet-stage:after,.magnet-stage:before{position:absolute;inset:28px;border:4px dashed var(--blue);border-radius:50%;content:"";animation:spin 8s linear infinite}.magnet-stage:after{inset:76px;border-color:var(--red);animation-direction:reverse;animation-duration:5s}.magnet-phone{position:relative;z-index:2;display:block;width:116px;height:190px;border:8px solid var(--ink);border-radius:28px;background:var(--yellow);box-shadow:10px 12px 0 var(--ink);rotate:-8deg}.magnet-phone b{position:absolute;inset:28px 18px;border-radius:18px;background:linear-gradient(var(--red),var(--red)) 50% 28% /58px 13px no-repeat,linear-gradient(var(--blue),var(--blue)) 50% 50% /70px 13px no-repeat,#fff}.magnet-chip{position:absolute;left:50%;top:50%;z-index:1;border:3px solid var(--ink);border-radius:999px;background:var(--green);box-shadow:4px 5px 0 var(--ink);font-size:11px;font-weight:950;padding:8px 10px;text-transform:uppercase;transform:rotate(calc(var(--i) * 20deg)) translateX(165px) rotate(calc(var(--i) * -20deg));animation:magnet-pull 2.4s calc(var(--i) * -90ms) ease-in-out infinite alternate}.magnet-chip:nth-child(3n){background:var(--red);color:#fff}.magnet-chip:nth-child(4n){background:var(--blue);color:#fff}.reset-stage{display:grid;align-content:space-between;border-radius:20px;background:radial-gradient(circle at 86% 16%,var(--green) 0 54px,transparent 56px),linear-gradient(135deg,#fff 0 58%,var(--yellow) 58% 100%);padding:28px;text-align:left}.reset-stage b,.reset-stage span{font-size:13px;font-weight:950;text-transform:uppercase}.reset-stage strong{color:var(--red);font-size:clamp(42px,6vw,78px);font-weight:950;line-height:.86}.reset-stage p{max-width:320px;font-size:24px;font-weight:850;line-height:1;text-transform:none}.reset-stage div{display:grid;gap:8px}.reset-stage b{border:2px solid var(--ink);background:#fff;padding:9px}.cinema-scene{min-height:145svh;overflow:hidden;background:#111;color:#f7f6f2}.cinema-scene .kicker{color:var(--yellow)}.ticket-canvas{position:absolute;inset:0;width:100%;height:100%}.cinema-scene h2,.cinema-scene p{position:relative;z-index:1;text-shadow:0 4px 40px #111}.cinema-console{position:relative;z-index:2;display:grid;justify-items:center;gap:16px;width:min(760px,92vw)}.genre-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.genre-row button{border:3px solid #f7f6f2;border-radius:999px;background:#111;color:#f7f6f2;cursor:pointer;font-size:13px;font-weight:950;padding:11px 16px;text-transform:uppercase}.genre-row button.selected{background:var(--yellow);color:var(--ink)}.watchlist{display:grid;width:min(520px,92vw);gap:8px;border:3px solid #f7f6f2;background:hsla(0,0%,7%,.82);box-shadow:8px 10px 0 hsla(0,0%,100%,.18);padding:18px;text-align:left}.watchlist b,.watchlist span{color:#f7f6f2;font-weight:950;text-transform:uppercase}.watchlist span{border-top:1px solid hsla(48,24%,96%,.22);padding-top:8px}.travel-scene{grid-template-columns:minmax(0,.72fr) minmax(520px,1fr);background:#fff;text-align:left}.travel-planner{display:grid;width:min(900px,94vw);grid-template-columns:minmax(320px,1fr) minmax(260px,340px);gap:16px;align-items:stretch}.map-card,.planner-panel{border:4px solid var(--ink);background:var(--paper);box-shadow:10px 12px 0 var(--ink)}.map-card{position:relative;overflow:hidden}.map-card svg{display:block;width:100%;min-height:430px;background:#dfe8ff}.ocean{fill:#dfe8ff}.sphere-line{fill:none;stroke:hsla(0,0%,7%,.22);stroke-width:2}.country{cursor:pointer;outline:none}.country path{fill:#f7f6f2;stroke:hsla(0,0%,7%,.72);stroke-width:.75;transition:fill .16s ease,transform .16s ease}.country.selected path,.country:hover path{fill:var(--yellow);stroke:var(--ink);stroke-width:1.8}.route-line{fill:none;stroke:var(--red);stroke-dasharray:10 12;stroke-linecap:round;stroke-width:2.8;animation:dash 1.2s linear infinite;pointer-events:none}.map-pin{fill:var(--red);stroke:var(--ink);stroke-width:2.5;pointer-events:none}.world-reset{position:absolute;left:14px;top:14px;border:3px solid var(--ink);border-radius:999px;background:var(--yellow);box-shadow:4px 5px 0 var(--ink);cursor:pointer;font-size:12px;font-weight:950;padding:8px 12px;text-transform:uppercase}.planner-panel{display:grid;align-content:start;gap:14px;padding:22px}.planner-panel b,.planner-panel span{font-size:13px;font-weight:950;text-transform:uppercase}.planner-panel strong{color:var(--red);font-size:clamp(34px,5vw,64px);font-weight:950;line-height:.9}.planner-panel p{margin:0;font-size:18px;font-weight:800;line-height:1.06}.state-buttons{display:flex;flex-wrap:wrap;gap:8px}.state-buttons button{border:2px solid var(--ink);border-radius:999px;background:#fff;cursor:pointer;font-size:13px;font-weight:950;padding:9px 12px}.state-buttons button.selected{background:var(--blue);color:#fff}.trip-card{display:grid;gap:8px;border:3px solid var(--ink);background:#fff;padding:16px}.trip-card span{border-top:1px solid hsla(0,0%,7%,.16);padding-top:8px;text-transform:none}.pause-scene{min-height:108svh;align-content:center;overflow:hidden;background:radial-gradient(circle at 22% 24%,rgba(255,216,77,.36) 0 100px,transparent 104px),#fff}.pause-scene h2{max-width:10ch;font-size:clamp(50px,7vw,104px)}.discomfort-lab{display:grid;width:min(920px,calc(100vw - 128px));grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.discomfort-lab button{display:grid;min-height:174px;align-content:space-between;border:4px solid var(--ink);border-radius:8px;background:#fff;box-shadow:8px 10px 0 var(--ink);color:var(--ink);cursor:pointer;padding:20px;text-align:left;transition:transform .16s ease,background .16s ease}.discomfort-lab button.selected,.discomfort-lab button:hover{background:var(--yellow);transform:translateY(-7px) rotate(-1deg)}.discomfort-lab small,.discomfort-lab span{font-size:13px;font-weight:950;line-height:1.1;text-transform:uppercase}.discomfort-lab b{color:var(--red);font-size:clamp(32px,4vw,56px);line-height:.86;overflow-wrap:anywhere}.decade-scene{min-height:108svh;gap:clamp(22px,3vw,42px);background:linear-gradient(180deg,#f7f6f2,#111 72%),#111;color:#f7f6f2}.decade-number,.decade-scene .kicker{color:var(--yellow)}.decade-number span{display:block;color:#f7f6f2;font-size:.28em;line-height:1;text-transform:uppercase}.decade-challenge{display:grid;width:min(900px,calc(100vw - 128px));grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:12px;align-items:stretch}.decade-challenge div,.decade-challenge label{display:grid;align-content:center;gap:12px;border:3px solid #f7f6f2;background:hsla(48,24%,96%,.08);padding:18px}.decade-challenge b,.decade-challenge span{color:var(--yellow);font-size:clamp(24px,4vw,48px);font-weight:950;line-height:.9}.decade-challenge input{width:100%;accent-color:var(--yellow)}.decade-challenge p{margin:0;color:#f7f6f2;font-size:20px;font-weight:850}.decade-challenge div strong{color:var(--green);font-size:clamp(19px,2.4vw,30px);font-weight:950;line-height:1}.reclaim-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reclaim-targets button,.timeline-controls button{border:2px solid #f7f6f2;border-radius:999px;background:transparent;color:#f7f6f2;cursor:pointer;font-size:12px;font-weight:950;padding:10px 12px;text-transform:uppercase}.reclaim-targets button.selected,.timeline-controls button.selected{background:var(--yellow);color:var(--ink)}.timeline-scene{background:#111;color:#f7f6f2}.timeline-intro h2{max-width:13ch;font-size:clamp(44px,7vw,104px)}.timeline-lab{display:grid;width:min(1080px,calc(100vw - 128px));gap:18px}.timeline-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.timeline{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,1vw,14px)}.year-block{position:relative;height:clamp(220px,32vw,420px);overflow:hidden;border:3px solid #f7f6f2;background:#2a2a2a;cursor:pointer;padding:0;transition:transform .16s ease,border-color .16s ease}.year-block.active,.year-block:hover{border-color:var(--yellow);transform:translateY(-8px)}.timeline-fill{position:absolute;inset:auto 0 0;height:calc(var(--fill) * 100%);background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.2) 0 8px,transparent 8px 16px),var(--red);transform:scaleY(0);transform-origin:bottom}.year-block.life .timeline-fill{background:repeating-linear-gradient(45deg,hsla(0,0%,7%,.12) 0 8px,transparent 8px 16px),var(--green)}.year-block b{position:absolute;left:8px;top:8px;color:#f7f6f2;font-size:13px}.year-block small{position:absolute;right:8px;bottom:8px;color:hsla(48,24%,96%,.72);font-size:11px;font-weight:950;text-transform:uppercase;writing-mode:vertical-rl}.year-inspector{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:3px solid #f7f6f2;background:hsla(48,24%,96%,.08);padding:16px;text-align:left}.year-inspector span{color:var(--yellow);font-size:13px;font-weight:950;text-transform:uppercase}.year-inspector strong{color:#f7f6f2;font-size:clamp(28px,4vw,56px);font-weight:950;line-height:.9}.year-inspector p{margin:0;color:hsla(48,24%,96%,.78);font-weight:850}.final-question{overflow:hidden;background:radial-gradient(circle at 74% 28%,rgba(255,216,77,.32) 0 120px,transparent 124px),#fff}.final-card{display:grid;width:min(860px,calc(100vw - 128px));gap:16px;justify-items:center}.final-card h2{max-width:9ch}.final-card p{max-width:640px;margin:0;font-size:clamp(18px,2vw,28px);font-weight:850;line-height:1.1}.final-meter{position:relative;width:min(560px,100%);height:46px;overflow:hidden;border:3px solid var(--ink);border-radius:999px;background:#fff}.final-meter span{position:absolute;inset:0;background:var(--green);transform-origin:left;transition:transform .24s ease}.final-meter b{position:relative;z-index:1;display:grid;height:100%;place-items:center;font-size:13px;font-weight:950;text-transform:uppercase}.choice-row,.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.choice-row button:nth-child(2),.share-actions button:nth-child(2){background:var(--paper);color:var(--ink)}.respect-burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.respect-burst span{position:absolute;left:50%;top:50%;display:grid;min-width:42px;height:42px;place-items:center;border:3px solid var(--ink);border-radius:999px;background:var(--red);box-shadow:5px 6px 0 var(--ink);color:#fff;font-size:13px;font-weight:950;padding:0 8px;animation:explode 1.2s cubic-bezier(.15,.9,.2,1) both;transform:rotate(calc(var(--i) * 21deg)) translateX(calc(80px + (var(--i) % 12) * 32px))}.outside-scene strong,.respect-burst strong{position:relative;z-index:2;max-width:90vw;font-size:clamp(54px,10vw,150px);font-weight:950;line-height:.9}.outside-scene{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(#9ad8ff,#eefbff 55%,#6ce5a1 56%)}.sun{position:absolute;right:12%;top:12%;width:clamp(80px,14vw,150px);aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:8px 10px 0 var(--ink);cursor:pointer}.sun.bounce{animation:sun-bounce .62s cubic-bezier(.2,1.6,.35,1)}.cloud{position:absolute;width:150px;height:42px;border:3px solid var(--ink);border-radius:999px;background:#fff;box-shadow:6px 7px 0 var(--ink);animation:drift 12s ease-in-out infinite alternate}.cloud.one{left:8%;top:20%}.cloud.two{right:23%;top:34%;width:110px;animation-duration:9s}.grass{position:absolute;inset:auto 0 0;height:44%;background:repeating-linear-gradient(94deg,#6ce5a1 0 18px,#54cf8e 18px 31px)}.share-scene{min-height:112svh;background:var(--paper)}.share-card{display:grid;width:min(820px,92vw);min-height:460px;align-content:space-between;border:5px solid var(--ink);background:radial-gradient(circle at 86% 18%,var(--yellow) 0 12%,transparent 13%),linear-gradient(135deg,#fff 0 52%,#ffd84d 52% 100%);box-shadow:16px 18px 0 var(--ink);padding:clamp(24px,5vw,50px);text-align:left}.share-card small,.share-label{font-size:14px;font-weight:950;text-transform:uppercase}.share-card p,.share-card strong{margin:0;font-size:clamp(34px,6vw,72px);font-weight:950;letter-spacing:0;line-height:.92}.share-card strong{color:var(--red)}@keyframes phone-vibrate{0%,to{translate:0 0}25%{translate:calc(var(--panic) * -6px) 2px}75%{translate:calc(var(--panic) * 6px) -2px}}@keyframes bob{to{translate:0 -8px;rotate:4deg}}@keyframes hour-pop{0%{transform:translateY(70px) scaleY(.2)}}@keyframes grow-up{0%{transform:scaleY(.05)}}@keyframes stack-in{0%{opacity:0;translate:0 120px;rotate:28deg}}@keyframes orbit{to{rotate:1turn}}@keyframes dash{to{stroke-dashoffset:-44}}@keyframes time-rain{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(430px) rotate(12deg)}}@keyframes spin{to{rotate:1turn}}@keyframes magnet-pull{0%{transform:rotate(calc(var(--i) * 20deg)) translateX(178px) rotate(calc(var(--i) * -20deg))}to{transform:rotate(calc(var(--i) * 20deg)) translateX(86px) rotate(calc(var(--i) * -20deg))}}@keyframes explode{0%{opacity:0;transform:rotate(calc(var(--i) * 21deg)) translateX(0) scale(.4)}to{opacity:1}}@keyframes sun-bounce{40%{transform:translateY(-36px) scale(1.06)}}@keyframes drift{to{translate:46px 8px}}@media (max-width:820px){.progress-rail{right:7px;width:7px}.opening,.scene{padding:24px 18px}.opening h1,.scene h2{font-size:clamp(50px,17vw,88px)}.control-row,.physics-scene,.travel-scene{grid-template-columns:1fr;text-align:center}.phone-stage{justify-self:center;height:330px}.phone-body{inset:54px 76px 18px}.comparison-deck,.stat-ribbon,.travel-planner{grid-template-columns:repeat(2,1fr)}.stat-ribbon span{min-height:76px}.day-strip{grid-template-columns:repeat(12,1fr)}.day-builder,.habit-dial{width:min(760px,calc(100vw - 38px))}.habit-dial{grid-template-columns:1fr}.habit-dial button{min-height:108px}.day-score{grid-template-columns:repeat(2,minmax(0,1fr))}.day-score span:last-child{grid-column:1/-1}.week-visual{width:min(760px,calc(100vw - 38px));grid-template-columns:150px minmax(0,1fr)}.week-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}.stack-stage,.week-meter{min-height:300px}.stack-phone{left:calc(50% + (var(--i) % 8 - 4) * 31px);bottom:calc((var(--i) / 8) * 20px + 14px);width:36px;height:60px}.hour{min-height:78px}.calendar-grid{grid-template-columns:repeat(19,1fr);gap:4px}.calendar-wrap{width:min(760px,calc(100vw - 38px));grid-template-areas:"months" "grid" "panel";grid-template-columns:1fr}.month-strip{grid-template-columns:repeat(6,1fr)}.year-editor{min-height:260px}.decade-challenge,.discomfort-lab,.final-card{width:min(760px,calc(100vw - 38px))}.discomfort-lab{grid-template-columns:1fr}.discomfort-lab button{min-height:150px}.decade-challenge{grid-template-columns:1fr}.comparison-card{min-height:112px}.physics-jar{height:340px}.time-machine{height:350px}.magnet-chip{transform:rotate(calc(var(--i) * 20deg)) translateX(132px) rotate(calc(var(--i) * -20deg))}.travel-planner{grid-template-columns:1fr}.map-card svg{min-height:320px}.timeline{grid-template-columns:repeat(5,1fr)}.year-block{height:210px}.year-inspector{grid-template-columns:1fr;text-align:center}.share-card{min-height:430px;box-shadow:9px 11px 0 var(--ink)}}@media (max-width:1100px){.comparison-lab{width:min(760px,calc(100vw - 38px));grid-template-areas:"hero" "choices" "plan";grid-template-columns:1fr}.comparison-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.swap-hero{min-height:240px}.timeline-lab{width:min(760px,calc(100vw - 84px))}.timeline{grid-template-columns:repeat(5,minmax(0,1fr))}.year-block{height:190px}}@media (max-width:900px){.calendar-wrap{width:min(860px,calc(100vw - 48px));grid-template-areas:"months" "grid" "panel";grid-template-columns:1fr}.year-editor{min-height:0}.year-editor strong{grid-template-columns:1fr;align-items:start}.year-editor strong b{font-size:clamp(42px,6vw,64px)}.year-editor strong small{font-size:clamp(20px,3vw,30px)}}@media (max-width:700px){.compare-scene{overflow:clip}.compact-heading{font-size:clamp(44px,14vw,76px)!important}.comparison-lab{width:calc(100vw - 30px)}.comparison-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-card{min-height:106px;padding:14px}.comparison-card b{font-size:clamp(30px,12vw,48px)}.mini-checks{grid-template-columns:1fr}}@media (max-width:480px){.progress-rail{display:none}.comparison-deck,.stat-ribbon{grid-template-columns:1fr}.day-builder,.habit-dial{width:calc(100vw - 28px)}.week-panel,.week-visual{width:calc(100vw - 28px);grid-template-columns:1fr}.stack-stage,.week-meter{min-height:250px}.week-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.decade-challenge,.discomfort-lab,.final-card{width:calc(100vw - 34px)}.timeline-lab{width:calc(100vw - 58px)}.timeline-intro h2{font-size:clamp(42px,14vw,64px)}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.year-block{height:150px}.reclaim-targets,.week-modes,.week-stepper{grid-template-columns:1fr}.calendar-wrap{width:calc(100vw - 28px)}.month-strip{grid-template-columns:repeat(4,1fr)}.calendar-grid{grid-template-columns:repeat(13,1fr);gap:3px}.day-score,.year-plans,.year-stepper{grid-template-columns:1fr}.day-score span:last-child{grid-column:auto}.day-strip{grid-template-columns:repeat(8,1fr)}.comparison-card{min-height:150px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}