.motion-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;min-width:92px;padding:7px 10px;display:inline-flex}.motion-toggle .motion-toggle-knob{font-size:13px;line-height:1}@media (prefers-reduced-motion:reduce){.force-motion *,.force-motion :before,.force-motion :after{animation-duration:initial!important;animation-iteration-count:initial!important;animation-play-state:running!important}}.intro,.question,.completion{width:min(100%,880px)!important}
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#080808;--ink:#f6f5f0;--muted:#9d9c96;--faint:#20201e;--panel:#ffffff06;--line:#ffffff24;--inverse:#111;--danger:#ff8578;--success:#61d6a4;--line-48:#fff1;--inverse-28:#11111147;--inverse-55:#1111118c;--inverse-65:#111111a6;--muted-65:#9d9c96a6;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}:root[data-theme=light]{--bg:#f6f5f0;--ink:#11110f;--muted:#6d6c66;--faint:#d8d6ce;--panel:#00000005;--line:#00000029;--inverse:#f6f5f0;--danger:#b53c32;--success:#1f7a4d;--line-48:#00000014;--inverse-28:#f6f5f047;--inverse-55:#f6f5f08c;--inverse-65:#f6f5f0a6;--muted-65:#6d6c66a6}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;min-height:100dvh;color:var(--ink);background:var(--bg);margin:0;font-family:Work Sans,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form-shell{background:radial-gradient(ellipse 52% 68% at 4% 8%,color-mix(in srgb,var(--ink) 9%,transparent),transparent 68%),radial-gradient(ellipse 42% 56% at 98% 92%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 72%),var(--bg);place-items:center;min-height:100dvh;padding:clamp(12px,2vw,28px);transition:background .45s,color .45s;display:grid;position:relative;overflow:hidden}.form-shell:before{content:"";opacity:.38;pointer-events:none;background-image:linear-gradient(var(--faint) 1px,transparent 1px),linear-gradient(90deg,var(--faint) 1px,transparent 1px);background-size:clamp(52px,8vw,104px) clamp(52px,8vw,104px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 78%);mask-image:radial-gradient(#000,#0000 78%)}.form-shell:after{content:"";aspect-ratio:1;pointer-events:none;opacity:.52;background:repeating-radial-gradient(circle at center,transparent 0,transparent 11.4%,var(--faint) 11.55%,transparent 11.72%);border-radius:50%;width:min(84vw,1080px);position:absolute;transform:translate(33%,32%)rotate(18deg);-webkit-mask-image:radial-gradient(circle,#000 0 35%,#0000 73%);mask-image:radial-gradient(circle,#000 0 35%,#0000 73%)}.form-orb{aspect-ratio:1;pointer-events:none;filter:blur(1px);border:1px solid var(--faint);opacity:.45;border-radius:50%;width:min(62vw,780px);animation:14s ease-in-out infinite float;position:absolute}.form-orb-one{top:-36%;left:-26%}.form-orb-two{animation-delay:-7s;bottom:-42%;right:-30%}.form-stage{z-index:1;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,transparent),transparent 42%),var(--panel);flex-direction:column;width:min(100%,1120px);height:min(820px,100dvh - clamp(24px,4vw,56px));display:flex;position:relative;overflow:hidden}.form-stage:before{content:"";border:1px solid var(--line-48);pointer-events:none;opacity:.48;position:absolute;inset:14px}.form-header,.form-footer{letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:18px clamp(18px,3vw,40px);font-family:DM Mono,monospace;font-size:10px;display:flex}.form-header{min-height:68px;position:relative}.form-footer{color:var(--muted);border-top:1px solid var(--line);min-height:54px}.form-footer a{color:var(--ink);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.form-footer a:hover{border-color:var(--ink)}.wordmark{letter-spacing:.2em;pointer-events:none;font-size:11px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.wordmark span{color:var(--muted)}.quiet-button,.theme-toggle{font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;display:inline-flex}.quiet-button:disabled{visibility:hidden}.theme-toggle{border:1px solid var(--line);justify-content:center;min-width:82px;padding:7px 10px}.theme-toggle-knob{font-size:13px;line-height:1}.progress-wrap{background:var(--faint);height:2px}.progress-line{background:var(--ink);height:100%}.form-content{perspective:1000px;flex:1;place-items:center;min-height:0;padding:clamp(36px,7vw,106px) clamp(22px,8vw,140px);display:grid;position:relative}.intro,.question,.completion{width:min(100%,760px)}.intro{text-align:center}.intro-sculpture{width:128px;height:84px;transform-style:preserve-3d;perspective:500px;place-items:center;margin:0 auto 26px;display:grid;position:relative}.intro-sculpture span{border:1px solid var(--ink);opacity:.72;border-radius:50%;width:124px;height:42px;animation:5.5s linear infinite sculpture-orbit;position:absolute}.intro-sculpture span:nth-child(2){opacity:.38;width:104px;height:58px;animation-duration:4s;animation-direction:reverse;transform:rotate(58deg)rotateX(68deg)}.intro-sculpture i{background:var(--ink);width:22px;height:22px;box-shadow:0 0 0 9px color-mix(in srgb,var(--ink) 9%,transparent),0 0 35px color-mix(in srgb,var(--ink) 26%,transparent);border-radius:50%;animation:1.8s ease-in-out infinite alternate sculpture-core;display:block}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font:10px/1.2 DM Mono,monospace}.intro h1,.question h1,.completion h1{letter-spacing:-.055em;margin:0;font:600 clamp(43px,6.4vw,84px)/.97 Playfair Display,serif}.intro em{font-weight:500}.intro-copy{max-width:430px;color:var(--muted);margin:28px auto 36px;font-size:15px;line-height:1.65}.primary-button,.next-button{border:1px solid var(--ink);background:var(--ink);color:var(--inverse);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:14px 18px;font:500 11px DM Mono,monospace;transition:transform .2s,background .2s}.primary-button span,.next-button span{margin-left:18px;font-size:15px}.key-hint{color:var(--muted);letter-spacing:.08em;margin:18px 0 0;font:10px DM Mono,monospace}.key-hint kbd{border:1px solid var(--line);color:var(--ink);padding:3px 5px}.start-button{isolation:isolate;border:1px solid var(--ink);background:var(--ink);color:var(--inverse);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;transform-style:preserve-3d;will-change:transform;box-shadow:0 10px 0 color-mix(in srgb,var(--ink) 25%,transparent),0 22px 42px color-mix(in srgb,var(--ink) 18%,transparent);padding:17px 24px;font:500 11px DM Mono,monospace;position:relative;overflow:visible}.start-button:before{content:"";border:1px solid var(--inverse-28);pointer-events:none;position:absolute;inset:2px;transform:translateZ(8px)}.start-button:after{content:"";z-index:-1;border:1px solid var(--ink);opacity:.35;pointer-events:none;border-radius:50%;animation:2.8s ease-in-out infinite button-halo;position:absolute;inset:-14px -28px}.start-button-label{z-index:2;display:block;position:relative;transform:translateZ(18px)}.start-button-label b{margin-left:26px;font-size:17px;font-weight:400}.start-button-orbit{z-index:1;border:1px solid var(--inverse-55);opacity:.62;border-radius:50%;width:148%;height:62%;animation:3.2s linear infinite button-orbit;position:absolute;top:19%;left:-24%;transform:rotate(-22deg)rotateX(68deg)}.start-button:hover .start-button-orbit{animation-duration:1.2s}.start-button:active{box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 25%,transparent),0 8px 20px color-mix(in srgb,var(--ink) 18%,transparent)}@keyframes button-orbit{to{transform:rotate(338deg)rotateX(68deg)}}@keyframes button-halo{50%{opacity:.08;transform:scale(1.13)rotate(8deg)}}@keyframes sculpture-orbit{to{transform:rotate(360deg)rotateX(68deg)}}@keyframes sculpture-core{to{opacity:.56;transform:translateZ(24px)scale(.72)}}.question .helper{max-width:560px;color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.65}.answer-area{margin-top:52px}.choices{gap:10px;display:grid}.choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr 28px;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:border-color .2s,background .2s;display:grid}.choice:hover,.choice.selected{background:var(--ink);color:var(--inverse);border-color:var(--ink)}.choice-key{border:1px solid;border-radius:50%;place-items:center;width:25px;height:25px;font:10px DM Mono,monospace;display:grid}.choice strong{font-size:16px;font-weight:500;display:block}.choice small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4;display:block}.choice:hover small,.choice.selected small{color:var(--inverse-65)}.choice-mark{opacity:0;font-size:17px}.choice.selected .choice-mark{opacity:1}input,textarea{border:0;border-bottom:2px solid var(--line);width:100%;color:var(--ink);letter-spacing:-.025em;background:0 0;border-radius:0;outline:0;padding:12px 2px 16px;font:500 clamp(20px,2.4vw,30px)/1.45 Montserrat,sans-serif;transition:border-color .25s}input:focus,textarea:focus{border-color:var(--ink)}input::-moz-placeholder{color:var(--muted-65)}textarea::-moz-placeholder{color:var(--muted-65)}input::placeholder,textarea::placeholder{color:var(--muted-65)}textarea{resize:vertical;min-height:160px}.next-row{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.validation{color:var(--muted);letter-spacing:.06em;font:10px/1.4 DM Mono,monospace}.validation.is-error{color:var(--danger)}.validation.is-success{color:var(--success)}.next-button{flex-shrink:0;padding:11px 14px}.completion{text-align:center;transform-style:preserve-3d}.completion-scene{place-items:center;width:190px;height:190px;margin:0 auto 34px;display:grid;position:relative}.core{z-index:2;background:var(--ink);width:76px;height:76px;color:var(--inverse);box-shadow:0 0 0 12px color-mix(in srgb,var(--ink) 9%,transparent),0 0 60px color-mix(in srgb,var(--ink) 40%,transparent);border-radius:50%;place-items:center;font-size:32px;display:grid}.orbital{border:1px solid var(--ink);border-radius:50%;position:absolute}.orbital-one{width:184px;height:76px;transform:rotate(32deg)rotateX(68deg)}.orbital-two{opacity:.65;width:166px;height:90px;transform:rotate(-45deg)rotateX(68deg)}.completion>p:not(.eyebrow){max-width:430px;color:var(--muted);margin:22px auto 32px;font-size:15px;line-height:1.65}.submit-transition{z-index:5;background:var(--bg);isolation:isolate;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.conversion-grid{z-index:-1;background:var(--faint);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:absolute;inset:0}.conversion-grid i{background:var(--bg);transform-origin:bottom;display:block}.submit-pod{border:1px solid var(--ink);background:var(--ink);color:var(--inverse);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 24%,transparent);transform-style:preserve-3d;align-items:center;gap:18px;padding:11px 14px;font:500 10px DM Mono,monospace;display:flex;position:absolute}.submit-pod b{font-size:16px;font-weight:400}.dot-field{width:1px;height:1px;position:absolute}.travel-dot{background:var(--ink);width:8px;height:8px;box-shadow:0 0 16px color-mix(in srgb,var(--ink) 60%,transparent);border-radius:50%;margin:-4px;display:block;position:absolute;top:0;left:0}.loading-core{border:1px solid var(--ink);width:74px;height:74px;box-shadow:0 0 0 12px color-mix(in srgb,var(--ink) 8%,transparent);border-radius:50%;place-items:center;display:grid;position:relative}.loading-core span{background:var(--ink);border-radius:50%;width:17px;height:17px;animation:.7s ease-in-out infinite alternate core-pulse;display:block}.transmitting{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font:10px DM Mono,monospace;position:absolute;top:calc(50% + 114px)}@keyframes core-pulse{to{opacity:.4;transform:scale(.46)}}@keyframes float{50%{transform:translate(20px,14px)rotate(10deg)}}@media (max-width:640px){.form-shell{padding:0}.form-stage{border:0;height:100dvh}.form-header,.form-footer{padding-left:18px;padding-right:18px}.form-header{min-height:62px}.wordmark{position:absolute;left:50%;transform:translate(-50%)}.quiet-button span,.theme-toggle>span:last-child,.desktop-hint{display:none}.theme-toggle{min-width:34px;padding:7px}.form-content{padding:30px 24px}.intro h1,.question h1,.completion h1{font-size:clamp(38px,11.5vw,54px)}.answer-area{margin-top:30px}.choice{grid-template-columns:28px 1fr 20px;gap:10px;padding:14px}.choice strong{font-size:15px}.choice small{font-size:12px}.next-row{align-items:flex-end}.validation{max-width:160px}.form-footer{min-height:46px;font-size:9px}}@media (max-height:720px){.form-header{min-height:54px}.form-header,.form-footer{padding-top:12px;padding-bottom:12px}.form-footer{min-height:42px}.form-content{padding-top:18px;padding-bottom:18px}.eyebrow{margin-bottom:13px}.intro h1,.question h1,.completion h1{font-size:clamp(34px,5vw,60px)}.intro-copy{margin:14px auto 20px;font-size:13px}.question .helper{margin-top:10px;font-size:13px}.answer-area{margin-top:20px}.choices{gap:7px}.choice{padding:10px 14px}.choice small{display:none}.completion-scene{width:124px;height:124px;margin-bottom:16px;transform:scale(.72)}.completion>p:not(.eyebrow){margin:12px auto 20px;font-size:13px}input,textarea{padding-top:7px;padding-bottom:9px;font-size:28px}textarea{min-height:92px}.next-row{margin-top:13px}}@media (max-height:540px){.form-footer{display:none}.form-content{padding:12px 24px}.eyebrow{margin-bottom:9px}.intro h1,.question h1,.completion h1{font-size:32px}.question .helper{display:none}.answer-area{margin-top:15px}.choice{padding:8px 12px}.choice small{display:none}.primary-button,.next-button{padding:10px 12px}.key-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
