:root{--ink:#17323a;--night:#102b33;--mist:#e8eee8;--paper:#fbf7ee;--gold:#c9954a;--coral:#c9654c;--line:rgba(23,50,58,.13);font-family:ui-serif,"Songti SC","Noto Serif SC",serif;color:var(--ink);background:#e7efe8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 5%,#fff7e6 0,transparent 28%),radial-gradient(circle at 90% 0,#bfd7d2 0,transparent 32%),#e7efe8;min-height:100vh}.shell{width:min(100% - 28px,760px);margin:0 auto;padding:28px 0 52px}.hero,.card{background:rgba(255,252,245,.84);border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 55px rgba(24,53,56,.12);backdrop-filter:blur(10px)}.hero{padding:46px 28px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-145px;border-radius:50%;background:radial-gradient(circle,#e2bd7d 0,rgba(226,189,125,0) 70%);opacity:.54}.eyebrow{font-size:12px;letter-spacing:.23em;color:#8b6634;text-transform:uppercase}.title{font-size:clamp(40px,8vw,70px);line-height:1.04;margin:14px 0 18px;letter-spacing:-.05em;position:relative;z-index:1}.subtitle{font-size:17px;line-height:1.75;max-width:38em;color:#3d565b;position:relative;z-index:1}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.pill{border:1px solid var(--line);padding:7px 11px;border-radius:99px;font-size:13px;background:#fffdf8}.primary,.secondary,.danger{font:inherit;border:0;border-radius:15px;padding:15px 18px;cursor:pointer;transition:.2s}.primary{background:linear-gradient(135deg,#17323a,#24505a);color:#fffaf0;box-shadow:0 12px 24px rgba(20,50,55,.2)}.primary:hover{transform:translateY(-2px)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.danger{background:#f8e6df;color:#8f3d2d}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{padding:25px;margin-top:18px}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:14px;color:#496166}.field input,.field select{width:100%;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fffdfa;color:var(--ink);font:inherit}.hint,.error{font-size:13px;line-height:1.6}.hint{color:#63797b}.error{color:#a34132;margin:8px 0}.divider{height:1px;background:var(--line);margin:24px 0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.choice{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:17px;text-align:left;font:inherit;cursor:pointer;min-height:110px;color:var(--ink)}.choice:hover{border-color:#b17b33;background:#fff8e9;transform:translateY(-1px)}.chapter{color:#92703c;font-size:13px;letter-spacing:.14em}.progress{height:7px;border-radius:8px;background:#d8e1dc;overflow:hidden;margin:13px 0 28px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#cf9b4b,#d76d51);border-radius:inherit}.question{font-size:clamp(25px,5vw,34px);line-height:1.42;margin:10px 0}.answer-key{display:block;color:#9a7139;font-size:12px;margin-bottom:8px}.result-visual{min-height:310px;border-radius:23px;background:linear-gradient(145deg,#193b42,#456d70 48%,#dfb56a);display:flex;align-items:flex-end;padding:25px;color:#fffaf0;position:relative;overflow:hidden}.result-visual:before{content:"✦";font-size:180px;position:absolute;right:4%;top:-32px;opacity:.2}.result-title{font-size:36px;line-height:1.12;margin:6px 0}.result-section{margin-top:23px}.result-section h3{font-size:15px;letter-spacing:.1em;color:#806030}.result-section p,.result-section li{line-height:1.8;color:#3e565a}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.wallpaper{border:1px solid var(--line);padding:15px;border-radius:17px;background:#f7f1e4;margin-top:20px}.wallpaper code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:22px;letter-spacing:.08em;color:#7f4d2e}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:#eff4ec;border:1px solid var(--line);padding:16px;border-radius:16px}.stat b{display:block;font-size:27px;margin-top:6px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.codes-output{white-space:pre-wrap;background:#112e35;color:#f8f2e7;border-radius:14px;padding:15px;font:13px ui-monospace,monospace;max-height:240px;overflow:auto}@media(max-width:520px){.shell{width:min(100% - 18px,760px);padding-top:10px}.hero{padding:35px 21px}.card{padding:20px}.choice-grid{grid-template-columns:1fr}.title{font-size:43px}.result-title{font-size:30px}}