:root{--bg:#08090b;--panel:#111318;--surface:#f4f3ef;--ink:#111216;--muted:#676a72;--line:#d8d8d3;--red:#ff3448;--red-dark:#c91d31;--green:#18a86b;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{min-height:100%;background:#ecedea}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f4f5f2 0%,#e9eae7 58%,#dfe1de 100%);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(17,18,22,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,22,.025) 1px,transparent 1px);background-size:40px 40px}
.shell{width:min(1180px,100%);min-height:100vh;margin:auto;padding:28px 24px 22px;display:flex;flex-direction:column;position:relative}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.wordmark{border:0;background:none;color:var(--ink);padding:0;cursor:pointer;text-align:left}.wordmark-main{display:block;font-size:1.23rem;font-weight:950;letter-spacing:-.04em}.wordmark-main i{color:var(--red);font-style:normal;padding:0 .12em}.prototype{display:flex;align-items:center;gap:9px;color:#60636a;font:700 .66rem/1 var(--mono);letter-spacing:.12em}.prototype i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(255,52,72,.35)}
.quiz-card{width:100%;min-height:650px;margin:auto 0;background:var(--surface);color:var(--ink);border:1px solid #cfd1cd;box-shadow:0 28px 70px rgba(25,28,32,.16);display:grid;grid-template-columns:36% 64%;position:relative;overflow:hidden;transition:grid-template-columns .35s ease}.quiz-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red) 0 36%,#31343b 36%);z-index:4}
.visual-panel{position:relative;min-width:0;background:#0e1014;color:#fff;overflow:hidden;padding:28px;display:flex;flex-direction:column;border-right:1px solid #2c2f36;transition:opacity .22s ease}.visual-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 62%,rgba(255,52,72,.07) 62% 63%,transparent 63%),radial-gradient(circle at 82% 12%,rgba(255,52,72,.13),transparent 28%);pointer-events:none}.panel-top{display:flex;justify-content:space-between;color:#6f737d;font:700 .63rem/1 var(--mono);letter-spacing:.12em}.risk-display{margin:auto 0;position:relative}.risk-eyebrow{display:block;color:var(--red);font:800 .69rem/1 var(--mono);letter-spacing:.16em;margin-bottom:15px}.risk-display strong{display:block;font-size:clamp(3rem,5.2vw,4.65rem);line-height:.88;letter-spacing:-.075em}.signal-line{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:27px}.signal-line i{height:7px;background:#292c33}.signal-line i:nth-child(-n+4){background:var(--red)}.risk-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-top:1px solid #30333a;padding-top:10px;color:#666a73;font:700 .52rem/1 var(--mono)}.risk-scale span:last-child{color:var(--red);text-align:right}.visual-caption{margin-top:32px;position:relative}.visual-caption span{display:block;color:#696d76;font:700 .6rem/1 var(--mono);letter-spacing:.13em;margin-bottom:10px}.visual-caption strong{display:block;font-size:1.28rem;line-height:1.25;letter-spacing:-.025em}
.quiz-pane{min-width:0;position:relative;padding:78px 58px 42px;display:flex;align-items:center}.quiz-pane>#question-view{width:100%}.progress-row{position:absolute;top:29px;left:50px;right:50px;display:grid;grid-template-columns:36px 1fr 54px;align-items:center;gap:13px}.back{border:0;background:transparent;font-size:1.55rem;color:var(--ink);cursor:pointer;padding:0;text-align:left}.progress{height:3px;background:#d8d8d3}.progress i{display:block;height:100%;width:0;background:var(--red);transition:width .25s ease}.progress-row>span{text-align:right;color:var(--muted);font:700 .7rem/1 var(--mono)}.question-wrap{max-width:680px;margin:auto;width:100%;animation:arrive .28s ease}.quiz-card.result-mode{grid-template-columns:0 100%}.quiz-card.result-mode::before{background:var(--red)}.quiz-card.result-mode .visual-panel{opacity:0;padding:0;border:0}.quiz-card.result-mode .quiz-pane{padding:45px 64px}
.kicker{margin:0 0 16px;color:var(--red-dark);font:800 .69rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}.question-title{font-size:clamp(2.6rem,5.2vw,5rem);line-height:.91;letter-spacing:-.07em;margin-bottom:20px;max-width:800px}.question-copy{color:var(--muted);font-size:1rem;line-height:1.55;max-width:600px;margin-bottom:28px}
.offense-picker{position:relative}.combo-shell{position:relative;display:flex;align-items:center}.combo-shell::before{content:"⌕";position:absolute;left:18px;top:50%;transform:translateY(-53%);color:var(--red-dark);font:700 1.7rem/1 Arial;pointer-events:none}.combo-input{width:100%;height:66px;border:1px solid #c7c7c1;border-radius:0;padding:0 58px 0 52px;background:#fff;color:var(--ink);font:700 1.03rem Arial;outline:none;box-shadow:0 12px 30px rgba(18,18,20,.07)}.combo-input:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(255,52,72,.14),0 12px 30px rgba(18,18,20,.08)}.combo-toggle{position:absolute;right:8px;width:44px;height:44px;border:0;background:transparent;color:#666;font-size:1.1rem;cursor:pointer}.combo-list{position:absolute;z-index:10;top:calc(100% + 7px);left:0;right:0;max-height:285px;overflow:auto;margin:0;padding:7px;list-style:none;border:1px solid #bfc0bb;background:#fff;box-shadow:0 20px 45px rgba(16,16,20,.22)}.combo-list[hidden]{display:none}.combo-option{width:100%;border:0;background:transparent;padding:12px 13px;text-align:left;cursor:pointer;color:var(--ink)}.combo-option:hover,.combo-option:focus{background:#f0efeb;outline:none}.combo-option b{display:block;font-size:.94rem}.combo-option small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.combo-empty{padding:13px;color:var(--muted);font-size:.85rem}.picker-continue{margin-top:12px}.picker-help{margin:11px 0 0;color:var(--muted);font:600 .7rem/1.4 var(--mono)}
.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answer{min-height:76px;border:1px solid #ccccc7;border-radius:0;background:#fff;color:var(--ink);padding:16px 18px;text-align:left;font:750 1rem/1.24 Arial;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:.14s ease}.answer::after{content:"↗";color:#a9a9a5;font-size:1rem}.answer:hover,.answer:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-1px);outline:none}.answer:hover::after{color:var(--red)}.answer small{display:block;color:var(--muted);font-size:.78rem;font-weight:500;margin-top:5px}.answer:hover small{color:#aeb0b7}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.manual-grid label{display:block;font-weight:800}.manual-grid input{width:100%;height:58px;margin-top:8px;padding:0 15px;border:1px solid #bbb;border-radius:0;font:700 1.05rem Arial;background:#fff}.continue,.restart{border:0;border-radius:0;background:var(--ink);color:#fff;min-height:58px;padding:0 22px;font-weight:850;font-size:1rem;cursor:pointer}.continue{width:100%;display:flex;align-items:center;justify-content:space-between}.continue span,.restart span{color:var(--red);font-size:1.15rem}.continue:hover,.restart:hover{background:#25272d}.legal-warning{font-size:.78rem;color:var(--red-dark);margin:12px 0 0}
.result-wrap{animation:arrive .32s ease}.result-kicker{display:flex;align-items:center;gap:9px;color:var(--red-dark);font:800 .7rem/1 var(--mono);letter-spacing:.12em}.result-kicker i{width:7px;height:7px;background:var(--red);box-shadow:0 0 10px rgba(255,52,72,.45)}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.result-title{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.9;margin:21px 0 11px;letter-spacing:-.075em}.result-sub{color:var(--muted);margin-bottom:29px}.result-code{margin-top:24px;padding-left:18px;border-left:2px solid var(--red);color:#888b92;font:800 .63rem/1.4 var(--mono);letter-spacing:.12em}.scenario-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);overflow:hidden}.scenario{padding:20px 18px;background:#fff;min-height:132px;display:flex;flex-direction:column}.scenario+.scenario{border-left:1px solid var(--line)}.scenario span{font:800 .66rem/1.2 var(--mono);text-transform:uppercase;color:var(--muted)}.scenario strong{font-size:clamp(1.45rem,3.4vw,2.35rem);line-height:1.02;margin:auto 0 3px;letter-spacing:-.05em}.scenario small{font-size:.75rem;color:var(--muted)}.scenario.central{background:var(--ink);color:#fff;position:relative}.scenario.central::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}.scenario.central span,.scenario.central small{color:#9a9da5}
.sentence-meter{margin:18px 0 16px;padding:16px 18px 12px;background:#e8e8e3;border:1px solid #d5d5d0}.meter-head,.meter-ends{display:flex;justify-content:space-between;color:#73767d;font:700 .61rem/1 var(--mono);letter-spacing:.08em}.meter-track{height:5px;background:#c8c9c5;position:relative;margin:28px 7px 15px}.meter-threshold{position:absolute;top:-18px;width:2px;height:39px;background:var(--red);transform:translateX(-50%)}.meter-threshold b{position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%);white-space:nowrap;color:var(--red-dark);font:800 .58rem/1 var(--mono)}.meter-point{position:absolute;top:50%;width:23px;height:23px;border-radius:50%;background:#fff;border:2px solid var(--ink);transform:translate(-50%,-50%);display:grid;place-items:center}.meter-point b{font:900 .57rem/1 var(--mono)}.meter-point.realistic{background:var(--ink);color:#fff;border-color:var(--ink);z-index:2}.meter-point.pessimistic{border-color:var(--red);color:var(--red-dark)}
.result-note{display:grid;grid-template-columns:40px 1fr;gap:14px;background:#ffe3e6;padding:17px 19px;border-left:3px solid var(--red)}.result-note b{display:grid;place-items:center;width:34px;height:34px;background:var(--red);color:#fff;border-radius:50%}.result-note p{margin:0;font-size:.88rem;line-height:1.5;color:#5d282f}.result-note.suspension-possible{background:#e1f3e8;border-left-color:var(--green)}.result-note.suspension-possible b{background:var(--green)}.result-note.suspension-possible p{color:#20583a}details{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:15px 0;font-weight:800}details ol{margin:0 0 18px;padding-left:22px;color:var(--muted);font-size:.86rem}details li{padding:4px 0}.result-excerpt{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.55}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.restart{min-height:50px;display:flex;align-items:center;gap:16px}.disclaimer{max-width:500px;font-size:.72rem;line-height:1.45;color:var(--muted);margin:0}.privacy-line{margin-top:20px;text-align:center;color:#666970;font:600 .68rem/1.5 var(--mono)}.privacy-line span{color:var(--green)}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:780px){.shell{padding:18px 12px}.prototype{font-size:.56rem}.prototype i{display:none}.quiz-card{min-height:760px;grid-template-columns:100%;grid-template-rows:180px 1fr}.visual-panel{padding:20px;border-right:0;border-bottom:1px solid #2c2f36}.panel-top,.risk-scale{display:none}.risk-display{margin:auto 0}.risk-display strong{font-size:2.35rem}.risk-eyebrow{margin-bottom:8px}.signal-line{margin-top:12px}.visual-caption{position:absolute;right:20px;bottom:22px;text-align:right;margin:0}.visual-caption span{display:none}.visual-caption strong{font-size:.92rem;color:#a4a7ae}.quiz-pane{padding:72px 20px 28px}.progress-row{left:18px;right:18px}.question-title{font-size:2.75rem}.answers{grid-template-columns:1fr}.manual-grid{grid-template-columns:1fr}.quiz-card.result-mode{grid-template-columns:100%;grid-template-rows:0 1fr}.quiz-card.result-mode .quiz-pane{padding:32px 18px}.result-heading{display:block}.result-code{display:none}.scenario-row{grid-template-columns:1fr}.scenario{min-height:102px}.scenario+.scenario{border-left:0;border-top:1px solid var(--line)}.sentence-meter{padding-left:12px;padding-right:12px}.meter-head span:last-child{display:none}.result-actions{align-items:flex-start;flex-direction:column}.privacy-line{padding:0 10px}}
.seo-links{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;padding:18px 4px 0;font-size:.8rem}.seo-links strong{font:800 .62rem/1 var(--mono);letter-spacing:.12em;color:#73767e}.seo-links a{color:#303238;text-decoration:none;border-bottom:1px solid #c7c8cc}.seo-links a:hover{color:var(--red);border-color:var(--red)}