#quiz-page{--bg:#203744;--panel:#223c4a;--text:#eaf1f4;--muted:#a9b9c3;--brand:#607d8b;--brand2:#7a9aa8;--ok:#10b981;--ng:#ef4444;--border:rgba(255,255,255,.08);--radius:16px;--shadow:0 10px 25px rgba(0,0,0,.35)}#quiz-page{color:var(--text)}#quiz-page .container{max-width:980px;margin:0 auto;padding:16px}#quiz-page .panel{background:linear-gradient(180deg,#274656,#233f4d 40%,#1f3845);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin:14px 0}#quiz-page .muted{color:var(--muted)}#quiz-page .mono{font-variant-numeric:tabular-nums}#quiz-page .container,#quiz-page main{padding-top:var(--nav-h,0)}#quiz-page .site-header{background:var(--brand);color:#fff}#quiz-page .site-header .container{display:flex;align-items:center;gap:16px;padding:10px 16px}#quiz-page .global-nav{margin-left:auto;display:flex;gap:12px;background:#203744;padding:6px 10px;border-radius:999px}#quiz-page .global-nav a{color:#e8f1f7;text-decoration:none;font-size:14px;padding:6px 8px;border-radius:8px}#quiz-page .global-nav a:hover{background:rgba(255,255,255,.12)}#quiz-page .hero{background:radial-gradient(1200px 600px at 10% 0,rgba(96,125,139,.18),transparent 60%),radial-gradient(1000px 500px at 90% 100%,rgba(32,55,68,.14),transparent 60%),var(--bg);padding:24px 0 8px}#quiz-page .hero-inner{display:grid;gap:18px;align-items:center}@media (min-width:900px){#quiz-page .hero-inner{grid-template-columns:2fr 1.5fr}}#quiz-page .hero-title{margin:0;font-size:clamp(28px,4vw,40px)}#quiz-page .hero-sub{margin:.4rem 0 1rem}#quiz-page .hero-actions{display:flex;gap:10px}#quiz-page .hero-ctrl{display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:end}@media (min-width:640px){#quiz-page .hero-ctrl{grid-template-columns:1fr 1fr 1fr auto}}#quiz-page .start-wrap{display:flex;align-items:end}#quiz-page .form-label{display:block;font-size:13px;margin-bottom:6px;color:#cfdcff}#quiz-page .form-select{width:100%;padding:10px;border-radius:10px;background:#1e3441;color:var(--text);border:1px solid var(--border)}#quiz-page .btn{appearance:none;border:0;cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:12px;padding:12px 16px;font-weight:700}#quiz-page .btn.sec{background:#2a4857;color:#dce6ee;border:1px solid var(--border)}#quiz-page .btn:disabled{opacity:.6;cursor:not-allowed}#quiz-page .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}#quiz-page .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1b3040;color:#d2e3ec;border:1px solid var(--border)}#quiz-page .pill.diff.easy{background:#10351f;color:#cbf4d8;border-color:rgba(16,185,129,.35)}#quiz-page .pill.diff.hard{background:#3a1519;color:#ffd8dd;border-color:rgba(239,68,68,.35)}#quiz-page .pill.timer{background:#162836;color:#cfe0ff}#quiz-page .pill.streak{background:#2b1d10;color:#ffd7ae;border-color:rgba(255,184,108,.35)}#quiz-page .qtext{margin:12px 0 10px;line-height:1.6;font-size:20px}#quiz-page .choices{display:grid;gap:10px}#quiz-page .choice{display:block;width:100%;text-align:left;background:#1e3441;color:var(--text);padding:12px;border-radius:12px;border:1px solid var(--border);cursor:pointer}#quiz-page .choice.correct{border-color:rgba(16,185,129,.9);box-shadow:0 0 0 2px rgba(16,185,129,.18) inset}#quiz-page .choice.wrong{border-color:rgba(239,68,68,.9);box-shadow:0 0 0 2px rgba(239,68,68,.18) inset}#quiz-page .row-between{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}#quiz-page .timerbar{height:6px;background:#162836;border-radius:999px;overflow:hidden;margin-top:12px;border:1px solid var(--border)}#quiz-page #timebarFill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#a4d8ff,#53b7ff)}#quiz-page .qp-modal[hidden]{display:none}#quiz-page .qp-modal{position:fixed;inset:0;z-index:2000;display:block}#quiz-page .qp-modal-dim{position:absolute;inset:0;background:rgba(0,0,0,.5)}#quiz-page .qp-modal-card{position:relative;max-width:720px;margin:6vh auto;padding:0}#quiz-page .qp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}#quiz-page .qp-modal-body{padding:16px}#quiz-page .qp-modal-foot{padding:14px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}#quiz-page .qp-modal-close{background:0 0;color:#fff;border:none;font-size:20px;cursor:pointer}#quiz-page{padding-top:var(--nav-h,120px)}#quiz-page{--bg:#203744;--panel:#223c4a;--text:#eaf1f4;--muted:#a9b9c3;--brand:#607d8b;--brand2:#7a9aa8;--border:rgba(255,255,255,.08)}#quiz-page .panel{background:linear-gradient(180deg,#274656,#233f4d 40%,#1f3845);border:1px solid var(--border)}#quiz-page .form-select{background:#1e3441;color:var(--text);border:1px solid var(--border)}#quiz-page .btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}#quiz-page .btn.sec{background:#2a4857;color:#dce6ee;border:1px solid var(--border)}#quiz-page .choice{background:#1e3441;color:var(--text);border:1px solid var(--border)}#quiz-page{padding-top:var(--nav-h,120px)}#quiz-page .score-banner{display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:16px;padding:14px 16px;margin-bottom:12px}#quiz-page .score-banner .score-main{font-size:clamp(28px,6vw,44px);font-weight:800}#quiz-page .score-banner .score-main span{font-variant-numeric:tabular-nums}#quiz-page .score-banner .score-grade{font-weight:900;font-size:clamp(20px,4vw,32px);background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18);padding:4px 10px;border-radius:12px}#quiz-page .score-banner[data-grade="S"]{background:linear-gradient(135deg,#00d4ff,#36f3a2)}#quiz-page .score-banner[data-grade="A"]{background:linear-gradient(135deg,#69b7ff,#8fd3fe)}#quiz-page .score-banner[data-grade="B"]{background:linear-gradient(135deg,#7aa8d0,#9ac2e2)}#quiz-page .score-banner[data-grade="C"]{background:linear-gradient(135deg,#607d8b,#7a9aa8)}#quiz-page .score-banner[data-grade="D"]{background:linear-gradient(135deg,#546e7a,#78909c)}#quiz-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0 14px}#quiz-page .stat{background:#1b3040;border:1px solid var(--border);border-radius:12px;padding:10px 12px}#quiz-page .stat .k{display:block;font-size:12px;color:#c8d6e1}#quiz-page .stat .v{font-weight:800;font-size:18px}#quiz-page .result-detail{display:grid;gap:6px;margin:8px 0 12px}#quiz-page .rd-row{display:grid;gap:10px;grid-template-columns:auto 1fr auto auto auto;align-items:center;background:#162836;border:1px solid var(--border);border-radius:12px;padding:8px 10px}#quiz-page .rd-row.ok{border-color:rgba(16,185,129,.35)}#quiz-page .rd-row.ng{border-color:rgba(239,68,68,.35)}#quiz-page .rd-no{font-weight:700;opacity:.8}#quiz-page .rd-q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#quiz-page .rd-me{color:#cfe0ff}#quiz-page .rd-ans{color:#cbf4d8}#quiz-page .rd-time{color:#ffd7ae}#quiz-page .mt-2{margin-top:12px}#quiz-page .explain{margin-top:12px;padding:12px;border-radius:12px;background:#162836;border:1px solid var(--border)}#quiz-page .explain-title{font-weight:700;margin-bottom:6px}#quiz-page .explain-src{display:inline-block;margin-top:8px;color:#96b5c3}#quiz-page .hero.hero-pro{background:radial-gradient(1200px 600px at 10% -10%,rgba(96,125,139,.2),transparent 60%),radial-gradient(1000px 500px at 90% 110%,rgba(32,55,68,.18),transparent 60%),#203744;padding:clamp(24px,5vw,48px) 0 clamp(18px,4vw,36px);color:#eaf1f4;border-bottom:1px solid rgba(255,255,255,.06)}#quiz-page .hero-grid{display:grid;gap:24px;align-items:center;grid-template-columns:1.4fr 1fr}@media (max-width:900px){#quiz-page .hero-grid{grid-template-columns:1fr}}#quiz-page .hero-title{margin:0 0 8px;font-weight:800;letter-spacing:.02em;font-size:clamp(24px,4.2vw,42px)}#quiz-page .hero-lead{margin:0 0 14px;opacity:.9}#quiz-page .chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}#quiz-page .chip{padding:6px 10px;border-radius:999px;background:#1b3040;border:1px solid rgba(255,255,255,.08);font-size:13px;color:#cfe0ff}#quiz-page .cta{display:flex;gap:12px}#quiz-page .btn.primary{background:linear-gradient(135deg,#607d8b,#7a9aa8);color:#fff;border:0;padding:12px 18px;border-radius:12px;font-weight:800;transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease}#quiz-page .btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.25)}#quiz-page .btn.ghost{background:#2a4857;color:#dce6ee;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;font-weight:700}#quiz-page .hero-aside{display:flex;justify-content:center}#quiz-page .glass{position:relative;width:min(420px,100%);padding:18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.35);backdrop-filter:blur(4px)}#quiz-page .badge.beta{position:absolute;top:10px;right:10px;font-size:12px;padding:4px 8px;border-radius:999px;background:#546e7a;color:#fff;border:1px solid rgba(255,255,255,.2)}#quiz-page .score-preview .big{font-size:clamp(20px,5vw,36px);font-weight:900;letter-spacing:.02em}#quiz-page .score-preview .sub{margin-top:6px;color:#c0d1db;font-size:14px}#quiz-page .qp-modal[hidden]{display:none}#quiz-page .qp-modal{position:fixed;inset:0;z-index:2000}#quiz-page .qp-modal-dim{position:absolute;inset:0;background:rgba(0,0,0,.55)}#quiz-page .qp-modal-card{position:relative;max-width:860px;margin:6vh auto;padding:0}#quiz-page .qp-modal-foot,#quiz-page .qp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}#quiz-page .qp-modal-foot{border-top:1px solid rgba(255,255,255,.08);border-bottom:0;justify-content:flex-end}#quiz-page .qp-modal-close{background:0 0;color:#fff;border:none;font-size:20px;cursor:pointer}#quiz-page .howto-card{background:linear-gradient(180deg,#274656,#233f4d 40%,#1f3845);border:1px solid rgba(255,255,255,.08);border-radius:16px}#quiz-page .howto-grid{display:grid;gap:16px;padding:16px}@media (min-width:860px){#quiz-page .howto-grid{grid-template-columns:repeat(3,1fr)}}#quiz-page .howto-block h4{margin:.2rem 0 .4rem;font-weight:800}#quiz-page .howto-block ul{margin:.2rem 0 0 1em;padding:0}#quiz-page .howto-block li{margin:.25rem 0;color:#eaf1f4}#quiz-page .mono{font-variant-numeric:tabular-nums}#quiz-page .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}#quiz-page .topbar .left{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}#quiz-page .topbar .right{justify-self:end;display:flex;align-items:center}#quiz-page .pill{white-space:nowrap;padding:6px 10px;border-radius:999px}#quiz-page .pill.timer{min-width:4.8em;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em}@media (max-width:420px){#quiz-page .pill{padding:4px 8px;font-size:12px}#quiz-page .qtext{font-size:18px}}#quiz-page .pill.diff{display:none!important}#quiz-page .result-detail{display:grid;gap:10px}#quiz-page .rd-row{display:grid;gap:8px 10px;grid-template-columns:auto 1fr auto;grid-template-areas:"no q time" "me q time" "ans q time";align-items:center;background:#162836;border:1px solid var(--border);border-radius:14px;padding:10px 12px}#quiz-page .rd-row.ok{box-shadow:inset 3px 0 0 rgba(16,185,129,.65)}#quiz-page .rd-row.ng{box-shadow:inset 3px 0 0 rgba(239,68,68,.65)}#quiz-page .rd-no{grid-area:no;font-weight:800;opacity:.9}#quiz-page .rd-q{grid-area:q;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#quiz-page .rd-time{grid-area:time;justify-self:end;text-align:right}#quiz-page .rd-time .rd-t{font-weight:700}#quiz-page .rd-ans,#quiz-page .rd-me{display:flex;gap:6px;align-items:center;font-size:13px;opacity:.95}#quiz-page .rd-me{grid-area:me;color:#cfe0ff}#quiz-page .rd-ans{grid-area:ans;color:#cbf4d8}#quiz-page .rd-ans .k,#quiz-page .rd-me .k{padding:2px 6px;border-radius:999px;background:#1b3040;border:1px solid var(--border);font-size:12px;color:#cbd5df}#quiz-page .rd-ans .v,#quiz-page .rd-me .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#quiz-page .b{display:inline-block;font-size:12px;padding:2px 6px;border-radius:999px;margin-left:6px}#quiz-page .b-speed{background:rgba(164,216,255,.15);border:1px solid rgba(164,216,255,.35)}#quiz-page .b-chain{background:rgba(255,184,108,.15);border:1px solid rgba(255,184,108,.35)}@media (max-width:720px){#quiz-page .rd-row{grid-template-columns:1fr auto;grid-template-areas:"no time" "q  q" "me ans";align-items:start}#quiz-page .rd-q{-webkit-line-clamp:3;font-size:15px}#quiz-page .rd-ans .v,#quiz-page .rd-me .v{max-width:40vw}}@media (max-width:380px){#quiz-page .rd-q{-webkit-line-clamp:4}}#quiz-page .row-between{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}#quiz-page #feedback{min-height:28px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;white-space:normal;word-break:break-word;overflow-wrap:anywhere}#quiz-page .b{display:inline-block;font-size:12px;padding:2px 6px;border-radius:999px}#quiz-page .b-base{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35)}#quiz-page .b-speed{background:rgba(164,216,255,.15);border:1px solid rgba(164,216,255,.35)}#quiz-page .b-chain{background:rgba(255,184,108,.15);border:1px solid rgba(255,184,108,.35)}#quiz-page .fb-ok{font-weight:700}#quiz-page .fb-ng{font-weight:700;color:#ffd0d6}#quiz-page .fb-to{font-weight:700;color:#ffd7ae}@media (max-width:420px){#quiz-page #feedback{gap:4px}}#quiz-page .explain-body{white-space:pre-line}#quiz-page .ad-card{padding:14px 14px 10px}#quiz-page .ad-label{position:absolute;top:10px;left:12px;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.35);color:#eaf1f4;border:1px solid rgba(255,255,255,.2)}#quiz-page .ad-slot{min-height:clamp(120px,22vw,250px);display:flex;align-items:center;justify-content:center}#quiz-page #ad-hero:empty::before{content:"";width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02),rgba(255,255,255,.06));animation:ad-skel 1.2s linear infinite;border-radius:10px;border:1px solid rgba(255,255,255,.08)}@keyframes ad-skel{0%{background-position:0 0}100%{background-position:200% 0}}@media (min-width:900px){#quiz-page .ad-slot{min-height:clamp(180px,24vw,300px)}}#quiz-page .result-detail{display:grid;gap:10px}#quiz-page .rd-row{display:grid;gap:8px 10px;grid-template-columns:1fr auto;grid-template-areas:"head time" "me   time" "ans  time";align-items:center;background:#162836;border:1px solid var(--border);border-radius:14px;padding:10px 12px}#quiz-page .rd-head{grid-area:head;display:flex;gap:10px;align-items:center;min-width:0}#quiz-page .rd-no{flex:0 0 auto;font-weight:800;color:#eaf1f4;background:#1b3040;border:1px solid var(--border);padding:2px 8px;border-radius:999px}#quiz-page .rd-q{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}#quiz-page .rd-time{grid-area:time;justify-self:end;text-align:right}#quiz-page .rd-time .rd-t{font-weight:700;display:inline-block;margin-right:6px}#quiz-page .b{display:inline-block;font-size:12px;padding:2px 6px;border-radius:999px}#quiz-page .b-speed{background:rgba(164,216,255,.15);border:1px solid rgba(164,216,255,.35)}#quiz-page .b-chain{background:rgba(255,184,108,.15);border:1px solid rgba(255,184,108,.35)}#quiz-page .rd-ans,#quiz-page .rd-me{display:flex;gap:6px;align-items:center;font-size:13px}#quiz-page .rd-me{grid-area:me;color:#cfe0ff}#quiz-page .rd-ans{grid-area:ans;color:#cbf4d8}#quiz-page .rd-ans .k,#quiz-page .rd-me .k{padding:2px 6px;border-radius:999px;background:#1b3040;border:1px solid var(--border);font-size:12px;color:#cbd5df}#quiz-page .rd-ans .v,#quiz-page .rd-me .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:720px){#quiz-page .rd-row{grid-template-columns:1fr;grid-template-areas:"head" "time" "me" "ans";align-items:start}#quiz-page .rd-q{-webkit-line-clamp:3}#quiz-page .rd-time{justify-self:start;text-align:left}}