@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#030305;--text:#faf3f4;--muted:#9b909b;--line:#292029;--mint:#ff746d;--red:#ff3b4d;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent;outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff9d91}button:disabled{cursor:wait}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mono{font:12px var(--mono);letter-spacing:.05em}[hidden]{display:none!important}.page-shell{max-width:1600px;padding:0 4.7vw;margin:auto}
.topbar{height:80px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff0d}.wordmark{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px}.wordmark svg{width:34px;height:25px;stroke:var(--red)}.edition{color:#847a86;font-size:12px;letter-spacing:.1em}.header-actions{margin-left:auto}.sound-button{background:transparent;border:0;display:flex;align-items:center;gap:9px;font-size:14px;color:#c5b7c2;padding:10px}.sound-button svg{height:18px;width:18px}
.experience{display:grid;grid-template-areas:'heading' 'stage' 'controls';grid-template-columns:minmax(0,1fr);position:relative;max-width:1250px;margin:auto;isolation:isolate;padding:24px 0 32px}.scene-heading{grid-area:heading;text-align:center;z-index:2;pointer-events:none}.eyebrow{color:#b98597;font:12px var(--mono);letter-spacing:.17em;margin-bottom:14px}h1{margin:0;font-size:clamp(34px,4.35vw,61px);font-weight:500;line-height:1.12;letter-spacing:-.065em}h1 em{font-family:Georgia,serif;font-weight:400;color:#ff9f95;text-shadow:0 0 45px #f64b4338}.neural-stage{grid-area:stage;position:relative;margin:-2px auto -6px;width:100%;height:clamp(340px,44vh,445px);min-width:0;isolation:isolate;overflow:visible}.neural-aura{position:absolute;inset:4% 18% -6%;border-radius:50%;background:radial-gradient(ellipse,#d6104223, #6e1e7818 35%,transparent 68%);filter:blur(25px);z-index:-1;animation:aura 7s ease-in-out infinite alternate}.stage-grid{position:absolute;inset:-10px 16%;background-image:radial-gradient(#ae526f42 .8px,transparent .8px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#0008 10%,transparent 63%);z-index:-1}.stage-caption{position:absolute;top:46px;left:2%;right:2%;display:flex;justify-content:space-between;color:#a67888;z-index:3;font-size:12px;letter-spacing:.08em}.status-light{display:inline-block;vertical-align:2px;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 12px #ff3b4d;margin-right:7px}.brain-container{position:absolute;width:clamp(390px,42vw,480px);aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%);pointer-events:none}.brain,#neural-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 43%,#000e 58%,transparent 73%);animation:breathe 8s ease-in-out infinite;transform-origin:center 53%;transition:opacity .7s}.brain{filter:saturate(1.22) brightness(1.02)}#neural-canvas{opacity:0}.gpu-ready #neural-canvas{opacity:1}.gpu-ready .brain{opacity:0}.scan-beam{position:absolute;left:17%;right:17%;top:40%;height:2px;background:linear-gradient(90deg,transparent,#ff516acc,transparent);box-shadow:0 0 35px 5px #ff39455a;opacity:0;mix-blend-mode:screen}.orbit{position:absolute;z-index:-1;width:60%;height:70%;left:20%;top:10%;border:1px solid #cf344522;border-radius:50%;transform:rotate(-22deg);animation:orbit 20s linear infinite;opacity:.6}.orbit-two{width:48%;left:26%;top:15%;height:60%;transform:rotate(26deg);border-color:#894d7c20;animation-direction:reverse;animation-duration:29s}.coordinate{position:absolute;top:43%;font-size:12px;color:#8c6576;line-height:2;letter-spacing:.06em}.coordinate b{color:#f28692;display:inline-block;font-size:27px;font-weight:400;line-height:1.3;margin-top:9px;margin-right:8px;letter-spacing:-.05em}.coordinate-left{left:2%}.coordinate-right{right:2%;text-align:right}.stage-bottom{position:absolute;left:2%;bottom:32px;width:180px;max-width:20%;transform:none;display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.neural-trace{width:100%;height:34px;overflow:visible}.trace-background{stroke:#b43d4930;stroke-width:1}.trace-signal{stroke:#ff677c;stroke-width:1;stroke-dasharray:180 680;animation:signal-travel 7s linear infinite;filter:drop-shadow(0 0 4px #ff425b);opacity:.7}.stage-bottom-text{display:none;font-size:12px;color:#976b7e;letter-spacing:.13em;margin-top:5px;text-align:center}
.interaction{grid-area:controls;position:relative;z-index:5;width:min(610px,100%);margin:17px auto 0;text-align:center}.input-label{display:flex;gap:8px;align-items:center;justify-content:center;color:#b6a6b3;font:12px var(--mono);letter-spacing:.065em;margin-bottom:12px}.x-field-mark{color:#f1e1ed;font-size:16px}.input-line{display:flex;align-items:center;width:100%;height:62px;padding:5px;border:1px solid #773948;border-radius:8px;background:linear-gradient(120deg,#170d19eb,#0c090ef5);box-shadow:0 0 38px #cd243614,0 8px 32px #0007;transition:border-color .3s,box-shadow .3s}.input-line:focus-within{border-color:#ff776f;box-shadow:0 0 42px #ff284823}.at-sign{font-size:22px;color:#af7b90;margin:0 9px 0 15px}#handle{min-width:0;flex:1;width:150px;font-size:17px;background:none;border:0;color:var(--text);outline:0;padding:12px 4px}#handle::placeholder{color:#8d7085}.scan-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:5px;background:linear-gradient(120deg,#ff805f,#ff415d);color:#1e080e;font-size:14px;font-weight:700;box-shadow:0 0 19px #ff3b432e;transition:filter .2s,transform .2s}.scan-button{align-self:stretch;padding:0 24px;white-space:nowrap}.scan-button svg{height:20px;width:20px}.scan-button:hover,.primary-button:hover{filter:brightness(1.15);box-shadow:0 0 28px #ff3b4345}.scan-button:active,.primary-button:active{transform:scale(.985)}.input-help{color:#8e7d8e;font-size:12px;line-height:1.5;margin:12px 0 0}.input-error{color:#ffaba1;font-size:14px;margin:12px 0 0}.demo-button,.text-button{background:none;border:0;color:#b3a0b0;font-size:14px;margin-top:18px;padding:3px 0;border-bottom:1px solid #ffffff20}.demo-button span,.text-button span{margin-left:7px}.demo-button:hover,.text-button:hover{color:#ffc0b1;border-color:#ffc0b1}.lead{font-size:16px;color:#a99ca9;line-height:1.6}.sample-strip{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;min-height:72px}.sample-label{font-size:12px;letter-spacing:.04em;color:#a18092;white-space:nowrap}.sample-strip p{font-size:16px;line-height:1.5;color:#b6a7b6;margin:0}.sample-year{font-size:12px;white-space:nowrap;color:#fa8c83;margin-left:auto}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:24px 0;font-size:12px;color:#8f7e8e}.footer-disclaimer{margin-left:auto}.footer-index{font-size:12px;margin-left:25px}
.scanning-panel{max-width:540px;margin:auto}.scanning-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;font-weight:450;margin:12px 0}.subject-pill{font:14px var(--mono);color:#ff9d91}.scanning-panel .lead{margin:0 0 17px;font-size:14px}.progress-meta{display:flex;justify-content:space-between;gap:10px;color:#f89991;font-size:12px}.progress-track{height:3px;background:#402332;margin-top:12px;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#e83875,#ffad7e);box-shadow:0 0 14px #ff5c6e;transition:width .12s linear}.scan-steps{display:flex;justify-content:space-between;gap:8px;color:#976879;font-size:12px;margin-top:12px}.scan-steps .active{color:#ffb1a4}.scan-footnote{font-size:12px;color:#987e93;margin:16px 0 0}.experience[data-state=scanning] .neural-aura{filter:blur(32px);animation-duration:2.5s;background:radial-gradient(ellipse,#f421404a,#931d6825 37%,transparent 70%)}.experience[data-state=scanning] .scan-beam{opacity:.65;animation:sweep 3s ease-in-out infinite}.experience[data-state=scanning] .orbit{border-color:#ff426950;animation-duration:9s}.experience[data-state=scanning] .trace-signal{animation-duration:2s;stroke-width:1.6;opacity:1}.experience[data-state=scanning] .status-light{animation:pulse 1.6s ease-in-out infinite}.vision-flash{position:absolute;inset:0;pointer-events:none;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;opacity:0}.vision-flash.show{animation:vision 1s ease both}.vision-flash span{font-size:15px;color:#ffe5e0;text-shadow:0 2px 16px #000;letter-spacing:.2em}.vision-flash strong{max-width:80%;font-size:clamp(29px,4vw,53px);line-height:1.1;font-weight:550;letter-spacing:-.055em;text-align:center;color:#fff2ea;text-shadow:0 0 20px #000,0 0 5px #000,0 0 60px #ff0839;backdrop-filter:blur(3px);padding:8px 17px;border-radius:8px}
.experience[data-state=result]{grid-template-areas:'heading heading' 'stage controls';grid-template-columns:1fr 1fr;column-gap:3vw;min-height:690px;align-items:center}.experience[data-state=result] .scene-heading{padding-bottom:35px}.experience[data-state=result] .scene-heading .eyebrow{display:none}.experience[data-state=result] .scene-heading h1{font-size:35px}.experience[data-state=result] .neural-stage{height:460px;margin:0}.experience[data-state=result] .brain-container{width:540px;max-width:125%}.experience[data-state=result] .coordinate{display:none}.experience[data-state=result] .stage-caption{top:-15px;font-size:12px}.experience[data-state=result] .stage-bottom{max-width:80%;bottom:9px}.experience[data-state=result] .interaction{text-align:left;margin:0 auto;max-width:530px}.result-panel{animation:appear .7s ease both}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#ae8e9e;font-size:12px}.year-line{display:flex;align-items:center;gap:20px;margin:17px 0 12px}#result-year{font-size:73px;font-weight:450;line-height:1.1;letter-spacing:-.065em;color:#ff9b8b}.year-line .mono{color:#ac8a9c;font-size:12px;line-height:1.7}.result-panel h2{font-size:clamp(30px,3.25vw,47px);font-weight:450;letter-spacing:-.04em;line-height:1.16;margin:0 0 17px;outline:0}.result-punchline{font-size:19px;line-height:1.5;color:#beacbd;margin:0 0 23px}.result-classification{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:22px;color:#faa99c;font-size:12px}.mini-star{font-size:17px}.fiction-stamp{margin-left:auto;border:1px solid #5c3949;border-radius:3px;padding:5px 6px;font-size:12px;color:#c394a5;letter-spacing:.03em}.result-actions{display:flex;gap:9px}.primary-button{min-height:51px;flex:1;justify-content:space-between;padding:12px 17px}.primary-button span{font-size:23px;line-height:1}.icon-button{width:50px;flex:0 0 50px;min-height:51px;border:1px solid #5e3547;background:#190e18;border-radius:5px;display:grid;place-items:center;color:#ecc5d4;transition:border-color .2s}.icon-button:hover{border-color:#ffa190}.icon-button svg{width:21px;height:21px}.x-button{font-size:22px}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:90vw;width:max-content;background:#ffc5b5;color:#341019;border-radius:5px;padding:12px 20px;opacity:0;pointer-events:none;transition:.25s;font-size:14px}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes breathe{0%,100%{transform:translateY(1px) rotate(-1deg) scale(.98)}50%{transform:translateY(-6px) rotate(1deg) scale(1.02)}}@keyframes aura{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes orbit{from{transform:rotate(-22deg) scaleX(.94)}50%{transform:rotate(18deg) scaleX(1.05)}to{transform:rotate(-22deg) scaleX(.94)}}@keyframes signal-travel{from{stroke-dashoffset:850}to{stroke-dashoffset:0}}@keyframes sweep{0%,100%{top:20%}50%{top:75%}}@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes vision{0%,100%{opacity:0;transform:scale(.98)}22%,65%{opacity:1;transform:scale(1)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.edition{display:none}.page-shell{padding:0 4vw}.coordinate{font-size:12px;max-width:160px}.coordinate b{font-size:22px}.brain-container{width:460px}.stage-caption{left:0;right:0}.coordinate-left{left:0}.coordinate-right{right:0}.experience[data-state=result]{column-gap:25px}.experience[data-state=result] .neural-stage{height:400px}.experience[data-state=result] .brain-container{width:450px}.sample-label{white-space:normal;max-width:155px;line-height:1.6}.result-panel h2{font-size:35px}}
@media(max-width:760px){.page-shell{padding:0 22px}.topbar{height:72px}.wordmark{font-size:22px;gap:8px}.wordmark svg{width:30px}.sound-button{padding:8px 0;font-size:14px}.experience{padding:24px 0 29px}.scene-heading .eyebrow{font-size:12px;letter-spacing:.075em;line-height:1.6;max-width:280px;margin:0 auto 12px}h1{max-width:370px;margin:auto;font-size:41px;line-height:1.07;letter-spacing:-.065em}.neural-stage{height:345px;margin:-5px auto -7px}.brain-container{width:360px;max-width:calc(100vw - 32px);top:49%}.coordinate{display:none}.stage-caption{top:32px;font-size:12px;letter-spacing:0;left:-2px;right:-2px}.stage-caption>span:last-child{display:none}.stage-caption>span:first-child{font-size:12px;opacity:.75}.stage-bottom{display:none}.stage-bottom-text{display:none;font-size:12px;letter-spacing:.06em}.neural-trace{height:25px}.neural-aura{inset:8% -2% 0}.orbit{width:96%;left:2%;top:14%;height:60%}.orbit-two{width:78%;left:11%;height:48%;top:22%}.interaction{margin-top:15px}.input-label{font-size:12px;margin-bottom:10px}.input-line{height:60px}.scan-button{padding:0 13px;gap:8px}.scan-button svg{width:17px}.at-sign{margin:0 5px 0 9px}#handle{font-size:16px}.input-help{font-size:12px}.demo-button{margin-top:16px;font-size:14px}.sample-strip{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px 0}.sample-label{grid-column:1/-1;max-width:none;font-size:12px}.sample-strip p{font-size:14px}.sample-year{font-size:12px}footer{font-size:12px;flex-wrap:wrap;gap:10px;padding:22px 0}.footer-disclaimer{margin-left:auto}.footer-index{margin-left:0;font-size:12px}.scanning-panel h2{font-size:23px}.scanning-panel .lead{font-size:14px}.progress-meta,.scan-steps{font-size:12px;letter-spacing:0}.experience[data-state=scanning] .scene-heading{opacity:.65}.vision-flash strong{font-size:30px;max-width:100%}.experience[data-state=result]{grid-template-areas:'heading' 'stage' 'controls';grid-template-columns:1fr;min-height:0;gap:0}.experience[data-state=result] .scene-heading{padding-bottom:0}.experience[data-state=result] .scene-heading h1{font-size:28px;max-width:100%}.experience[data-state=result] .neural-stage{height:270px;margin:0 auto 5px}.experience[data-state=result] .brain-container{width:320px;max-width:calc(100vw - 32px);top:43%}.experience[data-state=result] .stage-caption{top:12px}.experience[data-state=result] .stage-bottom{bottom:0}.experience[data-state=result] .interaction{max-width:100%;margin-top:20px}.result-panel h2{font-size:33px}.result-punchline{font-size:18px}#result-year{font-size:64px}.result-classification{padding-bottom:20px;margin-bottom:20px}.primary-button{padding:12px 14px;gap:9px;font-size:14px}}
@media(max-width:370px){.page-shell{padding:0 16px}.scan-button{padding:0 10px;font-size:13px}.scan-button svg{width:15px}h1{font-size:38px}.brain-container{width:345px}.stage-caption{font-size:12px}.neural-stage{height:325px}.scan-steps{font-size:12px}.primary-button{padding:12px 9px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.vision-flash.show{opacity:1}.trace-signal{stroke-dasharray:none;opacity:.5}.neural-aura{opacity:.6}}