:root{--bg-a:#fff4dc;--bg-b:#ffe8f1;--bg-c:#dff8ff;--ink:#13233b;--muted:#4f6179;--card:#fffe;--line:#d7e2ef;--brand:#ff6f3c;--brand-strong:#e75623;--accent:#1c9ab7;--danger:#b62d44;--radius:18px;--shadow:0 12px 32px #13233b14}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 12% -10%, #fff8a3 0%, transparent 35%), radial-gradient(circle at 90% 10%, #a9f5ff 0%, transparent 34%), linear-gradient(135deg, var(--bg-a), var(--bg-b) 45%, var(--bg-c));margin:0;padding:0;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{width:min(960px,100%);margin:0 auto;padding:0 14px 32px}.top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:800}.top-nav-links{gap:12px;font-size:.94rem;display:flex}.top-nav-links a{border-radius:999px;padding:6px 8px}.top-nav-links a:hover{background:#fff9}.lang-switcher{gap:6px;display:flex}.lang-pill{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:5px 10px;font-size:.78rem}.lang-pill.active{background:var(--accent);color:#fff;border-color:#0000}.main-content{gap:14px;display:grid}.hero,.panel,.test-shell,.result-shell,.admin-shell{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff;padding:16px}.hero{gap:14px;display:grid}.hero h1{margin:0;font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.08}.hero p{color:var(--muted);margin:0}.hero-badge{color:#7f2e10;background:#ffe2d6;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.info-grid{gap:10px;display:grid}.info-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;font-weight:600}.primary-button,.secondary-button,.option-button{cursor:pointer;border:1px solid #0000;border-radius:12px;transition:transform .14s,box-shadow .14s}.primary-button{background:linear-gradient(180deg, var(--brand), var(--brand-strong));color:#fff;justify-content:center;align-items:center;padding:11px 15px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #e556233d}.secondary-button{border-color:var(--line);color:var(--ink);background:#fff;justify-content:center;align-items:center;padding:11px 15px;font-weight:600;display:inline-flex}.primary-button:hover,.secondary-button:hover,.option-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.option-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.tiny-disclaimer{opacity:.58;margin:0;font-size:.72rem}.test-shell{gap:14px;display:grid}.test-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.timer-chip{color:#fff;text-align:right;background:#15314d;border-radius:12px;flex-direction:column;gap:2px;min-width:92px;padding:8px 11px;display:inline-flex}.timer-chip span{opacity:.85;font-size:.72rem}.timer-chip strong{font-size:1.1rem}.progress-row{color:var(--muted);justify-content:space-between;font-size:.86rem;display:flex}.question-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:12px;display:grid}.question-card h2{margin:0;font-size:1.06rem;line-height:1.3}.visual-board{white-space:pre;background:#f6faff;border:1px dashed #b8c9de;border-radius:12px;padding:10px;font-family:Courier New,monospace;font-size:.92rem;line-height:1.35;overflow-x:auto}.kind-chip{color:#0f5f7a;background:#dff4ff;border:1px solid #b7e7f8;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.75rem;font-weight:700}.options-grid{gap:10px;display:grid}.option-button{text-align:left;border-color:var(--line);background:#fff;grid-template-columns:32px 1fr;gap:10px;width:100%;padding:12px;display:grid}.option-button.selected{background:#fff7ea;border-color:#f08f38}.option-letter{background:#edf3fb;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.test-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.error-banner{color:var(--danger);background:#ffeaf0;border:1px solid #f5b5c1;border-radius:10px;margin:0;padding:10px;font-size:.9rem}.muted{color:var(--muted);margin:0}.retry-wrap{gap:10px;display:grid}.checkout-shell{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff;gap:14px;padding:18px;display:grid}.checkout-shell h1{margin:0}.checkout-actions{gap:10px;display:grid}.processing-shell{text-align:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff;gap:14px;padding:18px;display:grid}.processing-shell h1{margin:0}.processing-phrase{color:#15587d;min-height:1.4em;margin:0;font-weight:700}.progress-track{background:#e6eef7;border:1px solid #d3deea;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1c9ab7,#ff6f3c);border-radius:999px;height:100%;transition:width .12s linear}.progress-label{color:var(--muted);margin:0;font-size:.9rem}.result-shell{text-align:center;gap:14px;display:grid}.result-shell h1{margin:0}.iq-score{letter-spacing:-.04em;color:#1f6e8e;font-size:clamp(3.2rem,19vw,5rem);font-weight:800;line-height:.9}.result-grid,.admin-cards{gap:10px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:12px;display:grid}.stat-card span{color:var(--muted);font-size:.83rem}.stat-card strong{font-size:1.35rem}.admin-shell{gap:14px;display:grid}.admin-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-top h1,.panel h1,.panel h2{margin:0}.admin-top p{color:var(--muted);margin:2px 0 0}.admin-form{gap:10px;display:grid}.admin-form input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 8px}th{color:var(--muted);font-weight:600}@media (min-width:760px){.app-shell{padding:0 20px 38px}.info-grid{grid-template-columns:repeat(3,1fr)}.result-grid,.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
