:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;color:#eef2f7;background:#0a0d13;--bg:#0a0d13;--panel:#121824;--ink:#f4f7fb;--muted:#8b97a8;--line:rgba(255,255,255,.11);--blue:#61a8ff;--amber:#ffbd66;--green:#6ee7ad;--red:#ff7878}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100dvh;background:radial-gradient(circle at 50% -10%,#182235 0,transparent 42%),#0a0d13}button,a,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{width:min(100%,520px);min-height:100dvh;margin:auto;position:relative;padding:max(12px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));overflow:hidden}.topbar{height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;position:relative;z-index:5}.home-link{color:#b9c2cf;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;display:flex;gap:7px;align-items:center}.progress{height:4px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .35s ease}.sound-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#cbd4df;font-weight:800}.screen{display:none;min-height:calc(100dvh - 84px);padding:38px 4px 18px;animation:enter .28s ease}.screen.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:950;color:var(--blue);margin:0 0 14px}.hero-mark,.result-symbol{display:flex;align-items:center;gap:9px;color:#7f8a9b;font-size:12px;font-weight:900;letter-spacing:.13em;margin:34px 0 28px}.hero-mark i,.result-symbol i{height:1px;flex:1;background:rgba(255,255,255,.18)}.hero-mark b,.result-symbol b{font-size:22px;color:#fff}.screen h1{font-size:clamp(52px,15vw,76px);line-height:.92;letter-spacing:-.075em;margin:0;font-weight:950}.screen h1 span{color:var(--blue)}.lead{font-size:16px;line-height:1.85;color:#aeb8c7;margin:26px 0 32px}.lead strong{color:#fff}.intensity-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:22px;padding:18px;margin:20px 0}.intensity-head{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#aab4c2}.intensity-head strong{font-size:27px;color:#fff}.intensity-head small{font-size:12px;color:#778295;margin-left:2px}.intensity-card input{width:100%;accent-color:var(--blue);margin:18px 0 7px}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#727e90}.primary-btn{width:100%;border:0;border-radius:18px;background:#f5f7fa;color:#0d1118;padding:18px 19px;font-weight:950;display:flex;justify-content:space-between;align-items:center;margin-top:18px;box-shadow:0 12px 34px rgba(0,0,0,.22)}.primary-btn:active{transform:scale(.985)}.primary-btn b{font-size:19px}.microcopy,.hint,.privacy-note{font-size:12px;line-height:1.65;color:#697589;text-align:center}.local-stats{display:flex;justify-content:center;gap:24px;margin-top:24px;font-size:12px;color:#6f7c8e;letter-spacing:.1em}.local-stats b{color:#b9c5d4}.screen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.screen h2{font-size:42px;line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:930}.screen h2 span{color:#8fa1b8}.score-pill{min-width:62px;height:40px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7d8a9c}.score-pill span{color:#fff;font-weight:950}.card-stage{height:330px;position:relative;margin:26px 0 14px;display:grid;place-items:center}.thought-card{position:absolute;width:94%;height:292px;border-radius:28px;background:linear-gradient(155deg,#1c2637,#111722);border:1px solid rgba(255,255,255,.13);padding:26px;box-shadow:0 25px 55px rgba(0,0,0,.34);display:flex;flex-direction:column;justify-content:space-between;touch-action:none;user-select:none;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.thought-card.correct{box-shadow:0 0 0 2px rgba(110,231,173,.4),0 25px 55px rgba(0,0,0,.34)}.thought-card.wrong{box-shadow:0 0 0 2px rgba(255,120,120,.45),0 25px 55px rgba(0,0,0,.34)}.thought-card p{margin:0;font-size:12px;color:#7f8da1;font-weight:800}.thought-card h3{font-size:28px;line-height:1.35;letter-spacing:-.035em;margin:0;max-width:92%}.card-signal{display:flex;justify-content:flex-end}.card-signal span{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#6f7b8d;font-size:18px;font-weight:900}.swipe-label{position:absolute;top:18px;font-size:12px;font-weight:950;letter-spacing:.1em;opacity:0;transition:opacity .15s}.swipe-label.left{left:10px;color:var(--green)}.swipe-label.right{right:10px;color:var(--amber)}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);background:#121824;color:#fff;border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left}.choice small{grid-column:1/-1;color:#6f7b8d;font-size:12px}.choice strong{font-size:17px;margin-top:3px}.choice span{font-size:19px;align-self:end}.choice.observe strong,.choice.observe span{color:var(--green)}.choice.score strong,.choice.score span{color:var(--amber)}.feedback{height:28px;text-align:center;font-size:12px;font-weight:900;padding-top:8px;color:#9da9b9}.sublead{color:#8e9aac;font-size:13px;line-height:1.75;margin:17px 0 26px}.cut-stage{margin:38px 0 24px}.fact-box,.score-box{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.045)}.fact-box small,.score-box small,.real-separation small,.rule-card small{font-size:12px;letter-spacing:.13em;color:#6f7c8e;font-weight:950;display:block;margin-bottom:8px}.fact-box strong,.score-box strong{font-size:17px;line-height:1.55}.score-box{opacity:.7}.wire{height:90px;display:flex;align-items:center;gap:9px;position:relative}.wire i{height:1px;background:rgba(255,255,255,.2);flex:1;transition:transform .3s,opacity .3s}.wire b{font-size:22px}.wire .cut-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);font-size:12px;color:var(--red);font-weight:950;letter-spacing:.16em;opacity:0}.wire.cut i:first-child{transform:rotate(-10deg) translateY(-7px)}.wire.cut i:last-of-type{transform:rotate(10deg) translateY(7px)}.wire.cut b{opacity:0}.wire.cut .cut-mark{opacity:1;transform:translate(-50%,-50%) scale(1)}.cut-btn{width:100%;border:1px solid rgba(97,168,255,.35);border-radius:20px;background:rgba(97,168,255,.1);color:#dbeaff;padding:19px;display:flex;justify-content:space-between;font-weight:950}.cut-count{text-align:center;font-size:12px;color:#657286}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-grid button{border:1px solid var(--line);background:#111824;color:#dfe6ef;border-radius:18px;padding:18px 14px;display:flex;align-items:center;gap:11px;text-align:left}.source-grid button span{font-size:23px}.source-grid button b{font-size:13px}.source-grid button.selected{border-color:rgba(97,168,255,.55);background:rgba(97,168,255,.12)}.real-separation{margin-top:23px;animation:enter .28s ease}.real-separation>div{padding:16px 17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.real-separation strong{font-size:15px;line-height:1.5}.real-separation .muted{opacity:.58}.stopline{display:flex!important;align-items:center;gap:12px!important;border:0!important;background:none!important;padding:12px 2px!important}.stopline b{font-size:12px;color:var(--blue);white-space:nowrap;letter-spacing:.1em}.stopline span{height:2px;flex:1;background:linear-gradient(90deg,var(--blue),transparent)}.result-screen{text-align:center}.result-symbol{margin-top:24px}.result-screen h2{font-size:48px}.result-screen h2 em{font-style:normal;color:var(--blue)}.result-copy{font-size:14px;line-height:1.8;color:#97a4b6;margin:20px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.result-stats div{border:1px solid var(--line);border-radius:16px;padding:13px 6px;background:rgba(255,255,255,.035)}.result-stats small{display:block;font-size:12px;color:#6e7b8e;margin-bottom:6px}.result-stats strong{font-size:17px}.rule-card{text-align:left;border:1px solid rgba(97,168,255,.24);background:rgba(97,168,255,.07);border-radius:20px;padding:18px;margin:22px 0}.rule-card strong{font-size:19px;display:block}.rule-card p{font-size:12px;line-height:1.65;color:#8492a5;margin:9px 0 0}.secondary-link{display:block;color:#8c98a9;font-size:12px;text-decoration:none;padding:16px}.flash{position:fixed;inset:0;pointer-events:none;background:#fff;opacity:0;z-index:50}.flash.go{animation:flash .22s ease}@keyframes flash{0%{opacity:.12}100%{opacity:0}}@media(max-height:700px){.screen{padding-top:20px}.card-stage{height:280px}.thought-card{height:248px}.thought-card h3{font-size:24px}.hero-mark{margin:18px 0}.screen h1{font-size:52px}.lead{margin:18px 0 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}