.t-shell{background:var(--frost);min-height:100dvh;display:flex}.t-side{background:var(--ink);flex-direction:column;flex-shrink:0;gap:28px;width:232px;height:100dvh;padding:28px 16px;display:flex;position:sticky;top:0}.t-brand{color:#fff;align-items:center;gap:10px;padding:0 8px;display:flex}.t-brand b{font-size:15px;font-weight:600;display:block}.t-brand small{color:#8fa89a;font-size:12px}.t-nav{flex-direction:column;gap:4px;display:flex}.t-nav a{color:#c9d4cd;border-radius:10px;justify-content:space-between;align-items:center;height:42px;padding:0 12px 0 30px;font-size:14px;text-decoration:none;display:flex;position:relative}.t-nav a.on{background:var(--pine);color:#fff;font-weight:500}.t-nav a .live-dot{background:var(--cream);border-radius:50%;width:8px;height:8px;position:absolute;left:12px}.t-nav a .badge{background:var(--resin);height:20px;color:var(--ink);border-radius:999px;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:flex}.t-nav a .count{color:#8fa89a;font-size:12px}.t-side .logout{color:#8fa89a;text-align:left;margin-top:auto;padding:0 12px;font-size:13px}.t-main{flex-direction:column;flex:1;gap:20px;min-width:0;padding:28px 32px;display:flex}.t-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.t-head h1{letter-spacing:-.02em;margin:0;font-size:26px}.t-head .sub{color:var(--muted);margin-top:4px;font-size:14px}.t-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{background:#fff;border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:20px 24px;display:flex}.panel h3{margin:0;font-size:17px;font-weight:600}.panel .hint{color:var(--muted);font-size:13px}.kpis{flex-wrap:wrap;gap:14px;display:flex}.kpi{background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:6px;min-width:150px;padding:18px 20px;display:flex}.kpi span{color:var(--muted);font-size:13px}.kpi b{letter-spacing:-.02em;font-size:32px;font-weight:700}.kpi b small{color:var(--faint);font-size:15px;font-weight:400}.kpi.dark{background:var(--evergreen)}.kpi.dark span,.kpi.dark b small{color:var(--lichen)}.kpi.dark b{color:#fff}.kpi.warn{background:var(--resin-bg);border:1px solid #f0d3a2}.kpi.warn span{color:var(--resin-ink);font-weight:500}.kpi.warn b{color:#6b4510}.boxy{border:1px solid var(--line-2);background:#fff;border-radius:12px;flex-direction:column;padding:8px 16px;display:flex}.boxy small{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:600}.boxy b{color:var(--evergreen);letter-spacing:.12em;font-size:22px;font-weight:700}.boxy.dark{background:var(--evergreen);border-color:var(--evergreen)}.boxy.dark small{color:var(--lichen)}.boxy.dark b{color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}.boxy.amber{background:var(--resin-2);border-color:var(--resin-2)}.live-chip{background:var(--red);color:#fff;letter-spacing:.1em;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.live-chip:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.body-cols{align-items:flex-start;gap:16px;display:flex}.body-cols>.panel:first-child{flex:1}.feed{flex-shrink:0;width:300px}.feed-item{gap:10px;font-size:13px;line-height:19px;display:flex}.feed-item i{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-item small{color:var(--muted);font-size:12px;display:block}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-2);white-space:nowrap;padding:10px 8px;font-size:11px;font-weight:600}.table td{vertical-align:middle;border-bottom:1px solid #eef2ef;padding:10px 8px}.table tr.attn td{background:#fffbf3}.table tr.click{cursor:pointer}.table tr.click:hover td{background:#f7faf8}.table td small{color:var(--muted);font-size:12px;display:block}.prog{align-items:center;gap:8px;display:flex}.prog .bar{background:var(--line-2);border-radius:3px;width:110px;height:6px;overflow:hidden}.prog .bar i{background:var(--pine);border-radius:3px;height:100%;display:block}.prog .bar i.red{background:var(--red)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{border:1px solid var(--line);border-radius:10px;outline:none;width:240px;height:36px;padding:0 12px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.login{background:var(--ink);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login form{background:#fff;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:32px;display:flex}.login h1{margin:0;font-size:24px}.xmodal{background:#fff;border-radius:24px;flex-direction:column;gap:22px;width:100%;max-width:560px;max-height:calc(100dvh - 40px);padding:30px 32px;display:flex;overflow:auto}.xmodal h2{letter-spacing:-.02em;margin:0;font-size:24px}.radio-cards{gap:10px;display:flex}.radio-card{border:1.5px solid var(--line);text-align:left;border-radius:14px;flex:1;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.radio-card.on{border:2px solid var(--evergreen);background:var(--mint-2);padding:13.5px 15.5px}.radio-card .dotr{border:2px solid #c9d4cd;border-radius:50%;flex-shrink:0;width:20px;height:20px}.radio-card.on .dotr{border:6px solid var(--evergreen)}.radio-card b{font-size:14px;display:block}.radio-card small{color:var(--muted);font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1.5px solid var(--line);height:40px;color:var(--ink-2);border-radius:10px;padding:0 16px;font-size:14px}.chip-btn.on{background:var(--evergreen);border-color:var(--evergreen);color:#fff;font-weight:600}.stepper{border:2px solid var(--evergreen);border-radius:14px;align-items:center;height:52px;display:inline-flex;overflow:hidden}.stepper button{width:50px;height:100%;color:var(--evergreen);font-size:22px}.stepper input{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;outline:none;width:80px;height:100%;font-size:24px;font-weight:700}.stepper.sm{border:1.5px solid var(--line);border-radius:9px;height:36px}.stepper.sm button{width:32px;font-size:16px}.stepper.sm input{width:44px;font-size:15px}.seg{background:var(--frost);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.seg button{height:36px;color:var(--muted);border-radius:8px;padding:0 14px;font-size:14px}.seg button.on{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #0e1a1414}.preview{background:var(--mint);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.preview small{color:var(--ink-2);letter-spacing:.08em;font-size:12px;font-weight:600}.preview b{color:var(--evergreen);font-size:26px;font-weight:700;display:block}.pick{border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;max-height:220px;padding:10px;display:flex;overflow:auto}.pick label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.pick label:hover{background:var(--frost)}.checks{flex-wrap:wrap;gap:12px;display:flex}.check{border-radius:12px;flex-direction:column;flex:1;gap:4px;min-width:200px;padding:14px 16px;font-size:13px;display:flex}.check b{font-size:13px}.check.ok{background:var(--mint)}.check.ok b{color:var(--evergreen)}.check.bad{background:var(--red-bg)}.check.bad b{color:var(--red-ink)}.dist{align-items:center;gap:10px;font-size:13px;display:flex}.dist .lbl{flex-shrink:0;width:300px}.dist .bar{background:#eef2ef;border-radius:4px;flex:1;height:8px;overflow:hidden}.dist .bar i{border-radius:4px;height:100%;display:block}.dist .n{text-align:right;width:24px}.strip{border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}@media (width<=1100px){.body-cols{flex-direction:column}.feed{width:100%}}@media (width<=760px){.t-shell{flex-direction:column}.t-side{gap:12px;width:100%;height:auto;padding:14px;position:static}.t-nav{flex-direction:row;overflow:auto}.t-nav a{white-space:nowrap;padding:0 12px}.t-nav a .live-dot,.t-side .logout{display:none}.t-main{padding:18px 14px}.radio-cards{flex-direction:column}}:root{--evergreen:#0f5132;--pine:#1f7a4d;--lichen:#b7e4c7;--mint:#e6f4ea;--mint-2:#eef7f1;--frost:#f2f6f3;--line:#d5ded8;--line-2:#e2eae5;--ink:#0e1a14;--ink-2:#24352c;--muted:#4a5a51;--faint:#8a988f;--resin:#e8a33d;--resin-2:#b9791c;--resin-bg:#fdf3e3;--resin-ink:#8a5a12;--red:#c2462e;--red-bg:#fbe9e5;--red-ink:#9c3320;--cream:#f5fbd0;--blue-bg:#e8eef9;--blue-ink:#2a4a8a;--radius:14px;--q-scale:1;color:var(--ink);background:var(--frost);-webkit-font-smoothing:antialiased;font-family:Lexend,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--lichen);outline-offset:2px}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:16px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--evergreen);color:#fff}.btn-primary:hover{background:#0b4129}.btn-primary:disabled{opacity:.45}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff;font-weight:500}.btn-ghost:hover{border-color:#b9c6bd}.btn-danger{border:1.5px solid var(--red);color:var(--red-ink);background:#fff}.btn-sm{border-radius:10px;height:38px;padding:0 14px;font-size:14px}.btn-block{width:100%}.field{flex-direction:column;gap:7px;display:flex}.field label{font-size:14px;font-weight:500}.field label span{color:var(--muted);font-weight:400}.input{border:1.5px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.input:focus{border-color:var(--evergreen);box-shadow:0 0 0 4px #b7e4c766}.input.err{border-color:var(--red)}.input-group{align-items:center;gap:12px;display:flex}.input-group .prefix{padding-left:16px;font-weight:500}.input-wrap{position:relative}.input-wrap .prefix{pointer-events:none;font-weight:500;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrap .prefix:after{content:"";background:var(--line);vertical-align:middle;width:1px;height:22px;margin-left:12px;display:inline-block}.input-wrap .input{padding-left:76px}.err-text{color:#b23b24;font-size:13px}.code-input{letter-spacing:.3em}.chip{white-space:nowrap;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-green{background:var(--mint);color:var(--evergreen)}.chip-amber{background:var(--resin-bg);color:var(--resin-ink)}.chip-red{background:var(--red-bg);color:var(--red-ink)}.chip-grey{background:var(--frost);color:var(--ink-2)}.chip-blue{background:var(--blue-bg);color:var(--blue-ink)}.note{background:var(--frost);color:var(--ink-2);border-radius:14px;padding:14px 16px;font-size:14px;line-height:21px}.note-red{background:var(--red-bg);color:#7a2716}.note-amber{background:var(--resin-bg);color:var(--resin-ink);border:1px solid #f0d3a2}.note-green{background:var(--mint);color:var(--ink-2);border:1px solid var(--lichen)}.logo-tile{background:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.start{background:#fff;min-height:100dvh;display:flex}.start-brand{background:var(--evergreen);color:#fff;flex-direction:column;justify-content:space-between;width:43%;max-width:620px;padding:56px 64px;display:flex;position:relative;overflow:hidden}.start-brand:before{content:"";background:var(--pine);opacity:.45;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.start-brand:after{content:"";border:2px solid var(--lichen);opacity:.5;border-radius:50%;width:120px;height:120px;position:absolute;bottom:180px;right:80px}.brand-row{z-index:1;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex;position:relative}.kicker{color:var(--lichen);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-weight:500}.hero-title{letter-spacing:-.03em;margin:18px 0 0;font-size:60px;font-weight:800;line-height:64px}.stats{z-index:1;gap:40px;display:flex;position:relative}.stats b{font-size:32px;font-weight:700;display:block}.stats span{color:var(--lichen);font-size:14px}.start-form-side{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.start-form{flex-direction:column;gap:22px;width:100%;max-width:440px;display:flex}.start-form h1{letter-spacing:-.02em;margin:0;font-size:36px;line-height:42px}.start-form .sub{color:var(--muted);margin:8px 0 0;line-height:24px}.row-2{gap:14px;display:flex}.row-2>*{flex:1;min-width:0}.center-screen{background:#fff;justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex}.center-screen.green{background:var(--evergreen);color:#fff}.center-card{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;display:flex}.center-card h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:34px}.center-card p{color:var(--muted);margin:0;font-size:15px;line-height:23px}.green .center-card p{color:#e6f4ea}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.pulse{gap:8px;display:flex}.pulse i{background:var(--cream);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}.pulse i:nth-child(2){animation-delay:.2s}.pulse i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.spinner{border:6px solid var(--line);border-top-color:var(--evergreen);border-right-color:var(--evergreen);border-radius:50%;width:88px;height:88px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps{flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;display:flex}.steps div{align-items:center;gap:10px;display:flex}.quiz{background:var(--frost);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line-2);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 48px;display:flex;position:sticky;top:0}.topbar .who{align-items:center;gap:12px;min-width:0;display:flex}.topbar .who b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.topbar .who small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.topbar .right{align-items:center;gap:10px;display:flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.pill-timer{background:var(--evergreen);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:16px;font-weight:600}.pill-timer.low{background:var(--red)}.pill-timer.added{box-shadow:0 0 0 4px var(--lichen)}.pill-leaves{background:var(--resin-bg);color:var(--resin-ink)}.textsize{border:1.5px solid var(--line);background:#fff;border-radius:999px;gap:2px;height:40px;padding:4px;display:inline-flex}.textsize button{width:34px;height:30px;color:var(--ink-2);border-radius:999px;font-weight:500}.textsize button.on{background:var(--evergreen);color:#fff;font-weight:600}.textsize button:first-child{font-size:13px}.textsize button:nth-child(2){font-size:16px}.textsize button:nth-child(3){font-size:19px}.stage{flex-direction:column;flex:1;align-items:center;gap:14px;padding:28px 16px 40px;display:flex}.banner{border-radius:14px;align-items:center;gap:12px;width:100%;max-width:820px;padding:13px 16px;font-size:14px;line-height:20px;display:flex}.banner b{font-weight:600}.banner-dark{background:var(--ink);color:#fff}.banner-green{background:var(--evergreen);color:#fff}.banner-amber{background:var(--resin-bg);color:var(--resin-ink);border:1px solid #f0d3a2}.banner-mint{background:var(--mint);border:1px solid var(--lichen);color:var(--ink-2)}.banner .grow{flex:1}.banner button{color:var(--lichen);font-size:13px;font-weight:500}.card{background:#fff;border-radius:24px;flex-direction:column;gap:22px;width:100%;max-width:820px;padding:32px 44px 24px;display:flex;box-shadow:0 1px 2px #0f513214,0 12px 32px #0f51320f}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.qnum{color:var(--evergreen);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:700}.qnum span{color:var(--muted);letter-spacing:0;text-transform:none;margin-left:6px;font-weight:400}.flag-btn{border:1.5px solid var(--line);height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.flag-btn.on{background:var(--resin-bg);border-color:var(--resin);color:var(--resin-ink)}.q-scenario{color:var(--ink-2);font-size:calc(20px * var(--q-scale));max-width:680px;line-height:1.6}.q-ask{color:var(--ink);font-size:calc(22px * var(--q-scale));letter-spacing:-.01em;max-width:680px;font-weight:600;line-height:1.45}.q-text{flex-direction:column;gap:14px;display:flex}.options{flex-direction:column;gap:12px;display:flex}.option{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:18px;min-height:62px;padding:14px 20px;transition:border-color .12s,background .12s;display:flex}.option:hover{border-color:#aebdb3}.option .letter{background:var(--frost);width:34px;height:34px;color:var(--ink-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.option .text{font-size:calc(18px * var(--q-scale));color:var(--ink);flex:1;line-height:1.5}.option .tick{visibility:hidden;flex-shrink:0;width:22px;height:22px}.option.sel{border:2px solid var(--evergreen);background:var(--mint-2);padding:13.5px 19.5px}.option.sel .letter{background:var(--evergreen);color:#fff}.option.sel .text{font-weight:500}.option.sel .tick{visibility:visible}.nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav .count{color:var(--muted);text-align:center;font-size:14px}.nav .count b{color:var(--ink);font-weight:600}.dots-wrap{border-top:1px solid var(--line-2);flex-direction:column;align-items:center;gap:10px;padding-top:20px;display:flex}.dots{grid-template-columns:repeat(20,28px);gap:9px;display:grid}.dot{width:28px;height:28px;color:var(--muted);background:#fff;border:1.5px solid #c9d4cd;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.dot.ans{background:var(--pine);border-color:var(--pine);color:#fff;font-weight:600}.dot.flag{background:var(--resin);border-color:var(--resin);color:#fff;font-weight:600}.dot.cur{border:2.5px solid var(--evergreen);color:var(--evergreen);font-weight:700}.dot.cur.ans,.dot.cur.flag{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--evergreen)}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.bottom-nav{display:none}.fs-hint{z-index:20;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.overlay{z-index:50;background:#0e1a14b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;max-height:92dvh;padding:36px 32px;display:flex;overflow-y:auto}.modal h2{letter-spacing:-.02em;margin:0;font-size:26px}.modal p{color:var(--muted);margin:0;line-height:24px}.warn-bars{gap:8px;display:flex}.warn-bars i{background:var(--line);border-radius:4px;width:44px;height:8px}.warn-bars i.on{background:var(--resin)}.warn-bars i.last{background:var(--red)}.sheet-overlay{align-items:flex-end;padding:0}.sheet{width:100%;max-width:560px;max-height:92dvh;padding:14px 22px calc(30px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:18px;display:flex;overflow-y:auto}@media (width>=700px){.sheet-overlay{align-items:center;padding:20px}.sheet{border-radius:24px;padding:28px}.sheet .grab{display:none}}.grab{background:var(--line);border-radius:3px;align-self:center;width:40px;height:5px}.sheet h2{margin:0;font-size:22px}.sheet p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:21px}.tiles{gap:10px;display:flex}.tile{border-radius:14px;flex:1;padding:14px}.tile b{font-size:22px;display:block}.tile span{color:var(--ink-2);font-size:12px}.jump-list{flex-wrap:wrap;gap:8px;display:flex}.jump{border:1.5px solid var(--red);height:34px;color:var(--red-ink);border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.jump.amber{border-color:var(--resin);color:var(--resin-ink)}.result{background:#fff;flex-direction:column;align-items:center;min-height:100dvh;display:flex}.result-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;padding:80px 20px 52px;display:flex;position:relative}.result-hero h1{letter-spacing:-.02em;margin:0;font-size:44px;line-height:1.15}.big-score{align-items:baseline;gap:4px;display:flex}.big-score b{letter-spacing:-.05em;color:var(--evergreen);font-size:150px;font-weight:800;line-height:1}.big-score.fail b{color:var(--ink)}.big-score span{color:var(--faint);font-size:56px;font-weight:300}.stat-row{background:var(--frost);border-radius:18px;gap:40px;padding:18px 36px;display:flex}.stat-row div{flex-direction:column;gap:2px;display:flex}.stat-row b{font-size:22px}.stat-row span{color:var(--muted);font-size:13px}.progress-pass{flex-direction:column;gap:6px;width:100%;max-width:420px;display:flex}.progress-pass .bar{background:var(--line-2);border-radius:5px;height:10px;position:relative;overflow:hidden}.progress-pass .bar i{background:var(--pine);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.progress-pass .bar u{background:var(--ink);width:2px;position:absolute;top:0;bottom:0}.progress-pass .labels{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.review{background:var(--frost);flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;padding:52px 16px 72px;display:flex}.review-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;width:100%;max-width:820px;display:flex}.review-head h2{letter-spacing:-.02em;margin:0;font-size:28px}.review-head p{color:var(--muted);margin:6px 0 0;font-size:15px}.tabs{border:1px solid var(--line-2);background:#fff;border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{height:34px;color:var(--ink-2);border-radius:9px;padding:0 14px;font-size:14px}.tabs button.on{background:var(--evergreen);color:#fff;font-weight:500}.tabs-dark button.on{background:var(--ink)}.r-item{border-left:5px solid var(--pine);background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:820px;padding:26px 30px;display:flex}.r-item.wrong{border-left-color:var(--red)}.r-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.r-top .n{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:600}.r-scen{color:var(--ink-2);font-size:16px;line-height:1.6}.r-ask{font-size:18px;font-weight:600;line-height:1.45}.r-opts{flex-direction:column;gap:8px;display:flex}.r-opt{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.r-opt .l{background:var(--frost);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}.r-opt .t{flex:1;line-height:1.45}.r-opt small{white-space:nowrap;font-size:12px;font-weight:600}.r-opt.key{background:var(--mint);border-color:var(--lichen)}.r-opt.key small{color:var(--evergreen)}.r-opt.bad{background:var(--red-bg);border-color:#f3c9be}.r-opt.bad small{color:var(--red-ink)}.why{background:var(--frost);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.why b{color:var(--evergreen);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.why p{color:var(--ink-2);margin:0;font-size:15px;line-height:23px}.why small{color:var(--muted);font-size:13px}.report-link{color:var(--evergreen);align-self:flex-start;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.report-box{flex-direction:column;gap:10px;display:flex}.report-box textarea{border:1.5px solid var(--line);resize:vertical;border-radius:12px;min-height:84px;padding:12px 14px;font-size:15px}@media (width<=860px){.start{flex-direction:column}.start-brand{gap:22px;width:100%;max-width:none;padding:52px 24px 28px}.start-brand:after{display:none}.start-brand:before{width:200px;height:200px;top:-40px;bottom:auto;right:-70px}.hero-title{margin-top:12px;font-size:34px;line-height:38px}.stats{gap:24px}.stats b{font-size:20px}.stats span{font-size:12px}.start-form-side{align-items:flex-start;padding:24px}.start-form{gap:16px}.start-form h1{font-size:22px;line-height:28px}.start-form .sub{display:none}.row-2{gap:10px}.input{height:48px;font-size:16px}.topbar{height:auto;padding:10px 14px}.topbar .right{gap:6px}.topbar .logo-tile,.topbar .who small.exam{display:none}.topbar .who b{color:var(--evergreen);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.topbar .who b span{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}.pill{height:34px;padding:0 11px;font-size:13px}.pill-timer{font-size:15px}.pill-leaves .lbl{display:none}.textsize{height:34px;padding:2px}.textsize button{width:28px;height:28px}.stage{gap:12px;padding:14px 12px 110px}.card{border-radius:20px;gap:18px;padding:22px 18px 18px}.card-head{display:none}.q-scenario{font-size:calc(17px * var(--q-scale))}.q-ask{font-size:calc(18px * var(--q-scale))}.q-text,.options{gap:10px}.option{border-radius:14px;gap:14px;min-height:56px;padding:14px}.option.sel{padding:13.5px}.option .letter{border-radius:8px;width:28px;height:28px;font-size:13px}.option .text{font-size:calc(16px * var(--q-scale))}.option .tick,.nav{display:none}.dots{grid-template-columns:repeat(10,minmax(0,28px));justify-content:center;gap:6px;width:100%}.dot{aspect-ratio:1;border-width:1.5px;width:100%;max-width:28px;height:auto;font-size:11px}.dot.cur.ans,.dot.cur.flag{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--evergreen)}.legend{display:none}.dots-wrap{gap:6px;padding-top:14px}.dots-count{color:var(--muted);font-size:12px}.bottom-nav{z-index:6;border-top:1px solid var(--line-2);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .sq{border:1.5px solid var(--line);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.bottom-nav .sq.on{background:var(--resin-bg);border-color:var(--resin)}.bottom-nav .btn{flex:1;height:52px}.banner{font-size:13px}.result-hero{gap:18px;padding:64px 20px 32px}.result-hero h1{font-size:28px}.big-score b{font-size:96px}.big-score span{font-size:36px}.stat-row{gap:20px;padding:14px 18px}.stat-row b{font-size:18px}.review{padding:28px 12px 48px}.review-head h2{font-size:22px}.r-item{padding:20px 18px}}@media (width>=861px){.dots-count{display:none}}@media (width<=380px){.topbar .who b span{display:none}.pill{padding:0 8px}.card{padding:20px 14px 16px}}