@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;600;700;900&display=swap";:root{color-scheme:dark;font-family:Noto Sans JP,sans-serif;color:#e9efe9;background:#080d0b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080d0b}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(75,255,125,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(75,255,125,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}button,a{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243029;font-family:IBM Plex Mono,monospace}.brand{color:#f4f7f4;font-weight:700;letter-spacing:.08em;text-decoration:none;font-size:14px}.brand-mark{color:#4cff7d;margin-right:6px}.system{color:#758179;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.system>span:last-child{margin-left:14px;color:#4b564f}.pulse{width:7px;height:7px;background:#4cff7d;border-radius:50%;box-shadow:0 0 10px #4cff7d;animation:blink 1.8s infinite}footer{margin-top:auto;height:70px;border-top:1px solid #202923;display:flex;align-items:center;justify-content:space-between;color:#4f5c54;font:10px IBM Plex Mono,monospace;letter-spacing:.08em}.hero{position:relative;padding:92px 0 80px;min-height:650px}.eyebrow{color:#4cff7d;font:600 11px IBM Plex Mono,monospace;letter-spacing:.18em;margin-bottom:25px}.eyebrow span{color:#2a6b3c}.hero h1{margin:0;max-width:680px;font-size:clamp(48px,7vw,84px);line-height:1.12;letter-spacing:-.055em;font-weight:900}.hero h1 em{color:#4cff7d;font-style:normal;text-shadow:0 0 30px rgba(76,255,125,.17)}.lead{color:#929e96;line-height:1.95;margin:28px 0 35px;font-size:15px}.primary,.secondary{border:0;padding:16px 21px;font-weight:700;font-size:13px;transition:.18s ease}.primary{background:#4cff7d;color:#07120a;box-shadow:0 0 24px #4cff7d1f}.primary:hover{background:#7aff9e;transform:translateY(-2px);box-shadow:0 6px 30px #4cff7d33}.primary span{margin-left:34px}.micro{font:10px IBM Plex Mono,monospace;color:#526058;margin-top:15px}.terminal{position:absolute;width:390px;right:0;top:164px;background:#0b120ed6;border:1px solid #2c3c32;box-shadow:18px 18px #0d1510;transform:rotate(1.5deg)}.terminal-head{height:38px;border-bottom:1px solid #26332b;display:flex;align-items:center;gap:7px;padding:0 13px}.terminal-head i{width:7px;height:7px;border-radius:50%;background:#3c4740}.terminal-head i:first-child{background:#4cff7d}.terminal-head span{margin-left:7px;color:#69756d;font:10px IBM Plex Mono,monospace}.terminal pre{padding:20px;margin:0;color:#8e9c93;font:11px/2 IBM Plex Mono,monospace}.terminal pre>span,.terminal b{color:#4cff7d}.cursor{animation:blink .8s infinite}.photo-step{width:min(760px,100%);margin:0 auto;padding:56px 0 90px}.photo-step h2{font-size:clamp(27px,4vw,40px);margin:18px 0 12px}.photo-lead{color:#839087;font-size:12px;line-height:1.8;max-width:680px;margin:0 0 24px}.dropzone{display:grid;place-items:center;position:relative;height:310px;overflow:hidden;border:1px dashed #395044;background:#0b120e;cursor:pointer;transition:.2s ease}.dropzone:hover,.dropzone.dragging{border-color:#4cff7d;background:#0f1a13}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.drop-empty{text-align:center;color:#849088;display:grid;gap:9px}.drop-empty strong{color:#4cff7d;font:300 47px/1 IBM Plex Mono,monospace}.drop-empty span{font-weight:600;font-size:13px}.drop-empty small{color:#4e5d53;font:10px IBM Plex Mono,monospace}#photo-preview{width:100%;height:100%;object-fit:cover;display:none;filter:grayscale(.22) contrast(1.06)}#photo-preview.visible{display:block}#face-overlay{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}#face-overlay.visible{display:block}.scan-line{display:none;position:absolute;left:0;right:0;height:2px;background:#4cff7d;box-shadow:0 0 15px #4cff7d}.scanning .scan-line{display:block;animation:scan 1.4s ease-in-out infinite}.photo-readout{min-height:68px;border:1px solid #243129;border-top:0;padding:14px 16px;color:#647269;font:10px IBM Plex Mono,monospace}.photo-readout>span{line-height:38px}.photo-readout>div{display:inline-flex;gap:7px;margin-right:24px}.photo-readout strong,.photo-readout b{color:#4cff7d}.photo-readout p{margin:12px 0 0;color:#78877d}.photo-readout .error{color:#ff7171}.photo-actions{display:flex;align-items:center;gap:16px;margin-top:25px}.photo-actions .back{margin:0}.primary:disabled{cursor:not-allowed;opacity:.35;transform:none}.recorder{min-height:395px;border:1px solid #2d3d33;background:radial-gradient(circle at 50% 42%,#15251a 0,#0b120e 48%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px}.spectrogram{width:100%;height:190px;position:relative;margin-bottom:17px;border:1px solid #294033;overflow:hidden;background:#07100b}.spectrogram canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.spectrogram:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.12) 4px)}.spectrogram-label{position:absolute;left:9px;top:8px;z-index:1;color:#b3ffc78c;font:8px IBM Plex Mono,monospace;letter-spacing:.12em}.frequency-axis{position:absolute;z-index:1;right:7px;inset-block:8px;display:flex;flex-direction:column;justify-content:space-between;color:#b3ffc76b;font:8px IBM Plex Mono,monospace}.audio-orb{display:none}.audio-orb i{display:block;width:4px;height:18px;background:#425249;border-radius:4px}.audio-orb i:nth-child(2),.audio-orb i:nth-child(4){height:35px}.audio-orb i:nth-child(3){height:58px;background:#4cff7d;box-shadow:0 0 15px #4cff7d59}.recording .audio-orb i{background:#4cff7d;animation:audio-wave .55s ease-in-out infinite alternate}.recording .audio-orb i:nth-child(2){animation-delay:-.3s}.recording .audio-orb i:nth-child(3){animation-delay:-.15s}.recording .audio-orb i:nth-child(4){animation-delay:-.4s}.recorder>strong{color:#77857c;font:600 10px IBM Plex Mono,monospace;letter-spacing:.16em}.record-time{margin:9px 0 17px;color:#e4ebe6;font:500 24px IBM Plex Mono,monospace}.record-button{display:flex;align-items:center;gap:10px;border:1px solid #3a5041;padding:10px 16px;color:#bdc8c0;background:#101a14}.record-button span{width:10px;height:10px;border-radius:50%;background:#ff5656;box-shadow:0 0 8px #ff565699}.recording .record-button span{border-radius:1px}.record-button b{font-size:12px}.audio-file{margin-top:14px;color:#59675e;text-decoration:underline;font:10px IBM Plex Mono,monospace;cursor:pointer}.audio-file input{position:absolute;width:1px;height:1px;opacity:0}.voice-readout{border-top:0}.complete .audio-orb i{background:#4cff7d}.progress-meta{display:flex;justify-content:space-between;color:#59665e;font:10px IBM Plex Mono,monospace;letter-spacing:.13em}.progress-meta strong{color:#4cff7d;font-size:12px}.progress{height:2px;background:#222c26;margin:13px 0 65px}.progress i{display:block;height:100%;background:#4cff7d;transition:width .4s;box-shadow:0 0 8px #4cff7d}.q-number{color:#4cff7d;font:700 12px IBM Plex Mono,monospace;letter-spacing:.08em}.q-number span{color:#4c5a51;font-weight:500;margin-left:8px}.question-card h2{font-size:clamp(24px,4vw,38px);line-height:1.55;letter-spacing:-.025em;margin:18px 0 38px}.options{display:grid;gap:10px}.option{width:100%;min-height:64px;display:flex;align-items:center;text-align:left;padding:10px 18px;background:#0c120f;color:#b8c2bb;border:1px solid #253129;transition:.15s ease}.option>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid #344239;color:#718078;margin-right:18px;font:600 12px IBM Plex Mono,monospace}.option i{margin-left:auto;color:transparent;font-style:normal}.option:hover,.option.selected{color:#f1f5f2;border-color:#4cff7d;background:#101a13;transform:translate(4px)}.option:hover>span,.option.selected>span{background:#4cff7d;color:#07120a;border-color:#4cff7d}.option:hover i{color:#4cff7d}.back{border:0;color:#657168;background:none;font:11px IBM Plex Mono,monospace;margin-top:28px;padding:10px 0}.back:hover{color:#d9e0db}.back:disabled{opacity:0;pointer-events:none}.result{width:min(800px,100%);margin:0 auto;padding:55px 0 75px}.result>.eyebrow{text-align:center}.score-wrap{display:flex;justify-content:center;align-items:center;gap:55px;margin:28px 0 38px}.score-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4cff7d var(--score),#1c2720 0);position:relative;box-shadow:0 0 32px #4cff7d1c}.score-ring:before{content:"";position:absolute;inset:7px;border-radius:inherit;background:#080d0b}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font:700 66px/1 IBM Plex Mono,monospace;letter-spacing:-.08em}.score-ring span{color:#4cff7d;font:10px IBM Plex Mono,monospace;letter-spacing:.12em}.rank>span{color:#5a685f;font:10px IBM Plex Mono,monospace;letter-spacing:.1em}.rank h1{font-size:38px;margin:10px 0 16px}.rank-chip{display:inline-block;border:1px solid #31583b;background:#102016;padding:7px 11px;color:#4cff7d;font:11px IBM Plex Mono,monospace}.result-desc{max-width:650px;margin:0 auto 36px;color:#9ca8a0;line-height:1.9;text-align:center}.formula{display:flex;justify-content:center;align-items:center;gap:13px;margin:-18px 0 25px;color:#637067;font:10px IBM Plex Mono,monospace}.formula i{color:#4cff7d;font-style:normal}.stats{border:1px solid #26332b;padding:25px 28px;display:grid;gap:20px;background:#0c120fbf}.stat>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:#87938b;font-size:12px}.stat strong{color:#dce4de;font:600 12px IBM Plex Mono,monospace}.statbar{height:4px;background:#1d2821}.statbar i{display:block;height:100%;background:#4cff7d;box-shadow:0 0 7px #4cff7d80}.actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.secondary{color:#9eaaa2;background:transparent;border:1px solid #334139}.secondary:hover{border-color:#718078;color:#fff}.share-note{text-align:center;color:#4cff7d;min-height:20px;font:11px IBM Plex Mono,monospace}.privacy-result{color:#59675e;text-align:center;font-size:10px;margin:18px auto 0}.stat.skipped{opacity:.45}@keyframes blink{50%{opacity:.25}}@keyframes scan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}@keyframes audio-wave{to{height:62px}}@media(max-width:800px){.hero{padding-top:60px}.terminal{position:relative;top:auto;right:auto;width:100%;margin-top:55px;transform:none}.score-wrap{flex-direction:column;gap:25px;text-align:center}}@media(max-width:520px){.shell{width:min(100% - 28px,1120px)}.topbar{height:67px}.system>span:last-child,footer span:last-child{display:none}.hero{padding-top:52px}.hero h1{font-size:46px}.progress{margin-bottom:46px}.option{min-height:70px;font-size:13px}.result{padding-top:40px}.score-ring{width:160px;height:160px}.rank h1{font-size:31px}.actions{flex-direction:column}.actions button{width:100%}.dropzone{height:260px}.photo-actions{align-items:stretch;flex-direction:column}.photo-actions .back{padding:12px}.formula{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}