:root{--bg:#0f0f10;--fg:#ececec;--muted:#8b8b8f;--line:#2a2a2d;--accent:#c8a45c}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 ui-sans-serif,system-ui,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:32px 16px 64px}.center{text-align:center;padding-top:25vh}.progress{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:28px;padding-bottom:12px;font-size:13px;display:flex}.muted{color:var(--muted)}.scenario{margin-bottom:28px;font-size:19px}.illustration{aspect-ratio:1024/572;object-fit:cover;border:1px solid var(--line);background:#1c1b18;border-radius:10px;width:100%;height:auto;margin-bottom:24px;display:block}.spirit{color:var(--accent);max-width:30em;margin:12px auto;font-size:18px}.options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.options button,.primary{text-align:left;width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#17171a;border-radius:10px;padding:14px 16px}.options button:hover{border-color:var(--accent)}.primary{text-align:center;width:auto;margin-top:20px}.lesson h1{margin:4px 0 28px;font-size:26px}.lesson-law{border-top:1px solid var(--line);padding:20px 0}.lesson-law h3{margin:6px 0 8px}.lesson-law p{margin:8px 0}.lesson-law .spirit{max-width:none;margin:8px 0}.lesson-law .recap{font-size:14px}.lesson-law .pick{border-left:3px solid var(--line);margin:12px 0;padding:2px 0 2px 12px}.lesson-law .pick-head{margin:0 0 4px;font-size:13px}.lesson-law .pick-text{font-style:italic}.lesson-law .better{border-left-color:var(--accent)}.lesson .verdict{border:1px solid var(--line);border-radius:10px;margin:0 0 28px;padding:16px}.lesson .verdict p{margin:0}.lesson .verdict-count{font-size:15px;margin-bottom:8px!important}.lesson .verdict-count strong{color:var(--accent);margin-right:4px;font-size:32px}.lesson-law .note{font-weight:600}.lesson-law summary{cursor:pointer;color:var(--accent);padding:4px 0}.lesson-law .tag{font-weight:600}.lesson-law .tag.good{color:#6fcf8f}.lesson-law .tag.bad{color:#e07a6a}.lesson .primary{width:100%;box-shadow:0 -20px 16px -4px var(--bg), 0 0 0 16px var(--bg);margin:32px auto 0;display:block;position:sticky;bottom:12px}.report h1{margin:4px 0 24px;font-size:44px}.report h2{margin:4px 0 12px;font-size:20px}.report h3{color:var(--muted);margin:24px 0 4px;font-size:15px;font-weight:600}.report .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px}.report .hero{align-items:baseline;gap:4px;margin:6px 0 4px;display:flex}.report .hero-score{font-size:64px;font-weight:700;line-height:1}.report .hero-max{color:var(--muted);font-size:22px}.report .profile{margin:8px 0 28px;font-size:18px}.report .profile strong{color:var(--accent);font-weight:600}.report .card{border:1px solid var(--line);background:#151517;border-radius:14px;margin-top:16px;padding:20px}.report .card>p{margin:8px 0 0}.report .row{border-top:1px solid var(--line);padding:14px 0}.report .row:first-of-type{border-top:none}.report .row p{color:var(--muted);margin:6px 0 0}.report .row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.report .locked{border:1px solid var(--accent);border-radius:12px;margin-top:20px;padding:18px}.report .locked h3{color:var(--fg);margin-top:0}.report .group h3{color:var(--accent)}.radar{width:100%;max-width:440px;margin:0 auto;display:block;overflow:visible}.radar-ring{fill:none;stroke:var(--line);stroke-width:1px}.radar-spoke{stroke:var(--line);stroke-width:1px}.radar-area{fill:#c8a45c38;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.radar-dot{fill:var(--accent);stroke:#151517;stroke-width:2px;pointer-events:none}.radar-label{fill:var(--fg);font-size:13px;font-weight:600}.radar-value{fill:var(--muted);font-size:12px;font-weight:400}.chapters{margin:16px 0 0;padding:0;list-style:none}.chapters li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 72px 40px 58px;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:grid}.chapters .bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.chapters .bar span{background:var(--accent);border-radius:3px;height:100%;display:block}.chapters .ch-score{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.badge{text-align:center;border:1px solid var(--line);border-radius:999px;padding:2px 0;font-size:12px}.badge.good{color:var(--accent);border-color:var(--accent)}.badge.mid{color:var(--fg)}.badge.low{color:var(--muted);border-style:dashed}.dots{flex-shrink:0;gap:4px;display:inline-flex}.dot{border:1px solid var(--accent);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--accent)}.pay{text-align:center;margin-top:16px}.pay-qr{background:#fff;border-radius:8px;width:220px;height:220px}.pay p{text-align:left;margin:14px 0 0}.pay summary{text-align:left;cursor:pointer}.pay>button{margin-top:14px}.report .code{word-break:break-all;margin-top:40px;font-family:ui-monospace,monospace;font-size:12px}.modal-backdrop{z-index:10;background:#000000bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg);border:1px solid var(--accent);border-radius:14px;width:100%;max-width:480px;padding:24px}.modal h2{margin:4px 0 12px;font-size:24px}.modal .perks{margin:16px 0;padding-left:20px}.modal .perks li{margin:6px 0}.pay .primary{width:100%;display:block}.pay button:not(.primary),.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;margin:12px auto 0;text-decoration:underline;display:block}@media (max-width:420px){.report .card{padding:16px}.chapters li{grid-template-columns:minmax(0,1fr) 44px 36px 54px;gap:8px;font-size:13px}}.intro h1{margin:24px 0 12px;font-size:34px;line-height:1.2}.intro .lead{font-size:18px}.intro .primary{width:100%;margin:24px 0 8px;display:block}.toc{border-top:1px solid var(--line);margin-top:40px}.toc h2{margin:24px 0 4px;font-size:20px}.toc h3{color:var(--accent);margin:20px 0 6px;font-size:15px}.toc ul{margin:0;padding:0;list-style:none}.toc li{padding:4px 0}.toc a,.law a{color:var(--fg);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.toc a:hover,.law a:hover{color:var(--accent)}.law .crumbs{color:var(--muted);font-size:13px}.law h1{margin:12px 0;font-size:30px;line-height:1.25}.law .spirit{max-width:none;margin:0 0 24px}.law h2{margin:28px 0 8px;font-size:20px}.law-cta{border:1px solid var(--accent);border-radius:14px;margin-top:36px;padding:4px 20px 20px}.law-cta .primary{text-decoration:none;display:block}.law-nav{justify-content:space-between;gap:16px;margin-top:32px;font-size:14px;display:flex}.law-nav a:last-child{text-align:right}