:root{--ink:#1e2a5a;--lamp:#1f5e4a;--stamp:#c8372d;--manila:#f2e8cf;--bg:#f6f7f9;--paper:#fff;--line:#d9dce3;--text:#1c1f26;--muted:#5b6272;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Mukta,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:17px;line-height:1.6}a{color:var(--ink)}:focus-visible{outline:3px solid var(--lamp);outline-offset:2px}.wrap{max-width:1040px;margin:0 auto;padding:0 18px}.narrow{max-width:760px}.top{background:var(--ink);color:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:.2px}.brand small{display:block;font-weight:400;font-size:12px;opacity:.75;margin-top:-4px}.nav{display:flex;gap:16px}.nav a{color:#fff;text-decoration:none;font-size:15px;opacity:.9}.nav a:hover{opacity:1;text-decoration:underline}.hero{background:var(--ink);color:#fff;padding:36px 0 56px}.hero h1{font-size:clamp(30px,6vw,52px);line-height:1.15;margin:0 0 10px;font-weight:800;max-width:14ch}.hero p{font-size:19px;max-width:52ch;opacity:.9;margin:0 0 24px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.18);border-radius:var(--radius);overflow:hidden;margin:28px 0 0;max-width:760px}.facts div{background:var(--ink);padding:14px 16px}.facts b{display:block;font-size:28px;line-height:1.1}.facts span{font-size:14px;opacity:.8}@media (max-width:640px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;border-radius:8px;padding:12px 20px;background:var(--lamp);color:#fff}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn.light{background:#fff;color:var(--ink)}.btn.stamp{background:var(--stamp)}.btn[disabled]{opacity:.5;cursor:not-allowed}section{padding:40px 0}h2{font-size:28px;margin:0 0 6px;color:var(--ink)}.sub{color:var(--muted);margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.card{position:relative;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--stamp);border-radius:4px 4px var(--radius) var(--radius);padding:18px 18px 16px}.card:after{content:"";position:absolute;left:50%;bottom:10px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.card h3{margin:0 0 4px;font-size:18px;line-height:1.35;color:var(--ink)}.card .en{color:var(--muted);font-size:14px;margin:0 0 12px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{font-size:13px;background:var(--manila);color:#4a3f22;padding:2px 10px;border-radius:99px}.chip.free{background:#ddefe6;color:var(--lamp);font-weight:700}.chip.paid{background:#f7dedb;color:var(--stamp);font-weight:700}.card .actions{padding-bottom:18px}.player{display:grid;grid-template-columns:1fr 280px;grid-gap:18px;gap:18px;padding:18px 0 40px}@media (max-width:860px){.player{grid-template-columns:1fr}.palette{position:static}}.bar{position:-webkit-sticky;position:sticky;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;flex-wrap:wrap}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:20px;color:var(--ink)}.timer.low{color:var(--stamp)}.lang{display:inline-flex;border:2px solid var(--ink);border-radius:8px;overflow:hidden}.lang button{border:0;background:#fff;color:var(--ink);font:inherit;font-weight:700;padding:4px 12px;cursor:pointer}.lang button.on{background:var(--ink);color:#fff}.qbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.qno{color:var(--muted);font-size:15px;margin-bottom:6px}.qtext{font-size:20px;font-weight:600;margin:0 0 18px}.opt{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;font:inherit;background:#fff;border:2px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.opt:hover{border-color:var(--ink)}.opt.sel{border-color:var(--lamp);background:#eaf5ef}.opt .k{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--ink)}.opt.sel .k{background:var(--lamp);border-color:var(--lamp);color:#fff}.qnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.palette{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;align-self:start;position:-webkit-sticky;position:sticky;top:72px}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;max-height:48vh;overflow:auto;padding:2px}.grid button{font:inherit;font-size:14px;font-weight:700;height:36px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--text)}.grid button.ans{background:var(--lamp);color:#fff;border-color:var(--lamp)}.grid button.mark{background:#7b4fb8;color:#fff;border-color:#7b4fb8}.grid button.cur{outline:3px solid var(--ink);outline-offset:1px}.legend{font-size:13px;color:var(--muted);display:grid;grid-gap:4px;gap:4px;margin:12px 0}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.score{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:24px 0}.big{font-size:56px;font-weight:800;color:var(--ink);line-height:1}.big small{font-size:22px;color:var(--muted)}.stampmark{display:inline-block;transform:rotate(-8deg);border:4px double var(--stamp);color:var(--stamp);padding:6px 16px;font-weight:800;font-size:24px;border-radius:6px;letter-spacing:1px}.stampmark.pass{border-color:var(--lamp);color:var(--lamp)}table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}td,th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}th{background:#eef0f4;color:var(--ink)}.ok{color:var(--lamp)}.no,.ok{font-weight:700}.no{color:var(--stamp)}.review{background:var(--paper);border-left:1px solid var(--line);border:1px solid var(--line);border-left-width:5px;border-radius:8px;padding:16px;margin-bottom:12px}.review.r{border-left-color:var(--lamp)}.review.w{border-left-color:var(--stamp)}.review ol{margin:8px 0;padding-left:22px}.review li.c{color:var(--lamp);font-weight:700}.review li.x{color:var(--stamp);text-decoration:line-through}.exp{background:#f3f5f9;border-radius:6px;padding:10px 12px;font-size:15px;margin-top:8px}.prose{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;margin:28px 0}.prose h1{color:var(--ink);margin-top:0}.prose h2{font-size:21px;margin-top:24px}footer{background:#fff;border-top:1px solid var(--line);padding:26px 0;margin-top:30px;font-size:15px;color:var(--muted)}footer .links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.notice{background:#fff7e6;border:1px solid #f1d9a6;border-radius:8px;padding:12px 14px;font-size:15px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.qen{font-size:17px;margin-top:4px}.oen,.qen{display:block;font-weight:400;color:var(--muted)}.oen{font-size:15px}.review li .oen{display:inline;margin-left:6px}.review li .oen:before{content:"/ "}.field{display:block;font-weight:600;margin:0 0 14px;color:var(--ink)}.field input{display:block;width:100%;margin-top:4px;font:inherit;font-weight:400;padding:11px 12px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.field input:focus{border-color:var(--ink);outline:none}@media (max-width:560px){.brand{font-size:17px}.brand small{display:none}.nav{gap:12px}.nav a{font-size:14px;white-space:nowrap}}.q2{display:block;margin-top:4px;font:inherit;color:inherit}.o2,.otext{font-weight:600}.o2{display:block;margin-top:2px}.o2,.review li .oen{color:inherit}.nav{align-items:center}.profile{position:relative}.avatar{width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:var(--lamp);color:#fff;font:inherit;font-weight:800;font-size:17px;cursor:pointer;display:grid;place-items:center}.pmenu{position:absolute;right:0;top:48px;z-index:20;min-width:240px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(20,25,45,.15);padding:14px 16px}.pmenu .pname{font-weight:800;color:var(--ink);font-size:17px}.pmenu .pline{font-size:14px;color:var(--muted);margin-top:2px}.pmenu hr{border:0;border-top:1px solid var(--line);margin:10px 0}.pmenu a,.pmenu button{display:block;width:100%;text-align:left;background:none;border:0;font:inherit;font-size:15px;color:var(--ink);padding:6px 0;cursor:pointer;text-decoration:none;opacity:1}.pmenu a:hover,.pmenu button:hover{text-decoration:underline}.backbar{background:#fff;border-bottom:1px solid var(--line)}.backbar .wrap{display:flex;align-items:center;justify-content:space-between;height:44px}.backbtn{background:none;border:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;padding:6px 0;font-size:16px}.homelink{font-size:15px;color:var(--muted)}.bar{top:0}.installbtn{background:#fff;color:var(--ink);border:0;border-radius:99px;font:inherit;font-weight:800;font-size:14px;padding:6px 12px;cursor:pointer;white-space:nowrap}.modalbg{position:fixed;inset:0;background:rgba(15,20,40,.55);z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;color:var(--text);border-radius:12px;padding:20px 22px;max-width:380px;width:100%}.modal h3{margin:0 0 8px;color:var(--ink)}.modal ol{padding-left:20px;margin:8px 0 12px}@media (max-width:560px){.hide-sm{display:none}}@media (max-width:400px){.brand{font-size:15px;line-height:1.15;max-width:110px}.nav{gap:9px}.installbtn,.nav a{font-size:13px}.installbtn{padding:5px 10px}}