:root{--paper:#f6f7f4;--card:#fff;--ink:#182626;--sub:#5a6b68;--teal:#0e6b66;--teal-deep:#093f3c;--teal-soft:#e4eeec;--line:#d9e0dc;--ok:#1e7a46;--ok-bg:#e9f5ee;--err:#b3372f;--err-bg:#fbedeb;--mark:#ffe9a0;--chip:#edf2f0;--serif:"Source Serif 4", Georgia, "Times New Roman", serif;--sans:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit}.protected{-webkit-user-select:none;user-select:none}.protected input{-webkit-user-select:text;user-select:text}header{background:var(--teal-deep);color:#f2f6f4;padding:20px 24px}.hwrap{flex-wrap:wrap;align-items:baseline;gap:14px;max-width:880px;margin:0 auto;display:flex}.brand{letter-spacing:.02em;font-size:20px;font-weight:700}.brand span{color:#8fd0c6}.htitle{opacity:.85;font-size:14px}.proto{opacity:.85;border:1px solid #ffffff59;border-radius:99px;margin-left:auto;padding:3px 10px;font-size:11px}.tabs{background:var(--teal-deep);padding:0 24px}.twrap{gap:4px;max-width:880px;margin:0 auto;display:flex}.tab{color:#bfd8d3;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 18px 14px;font-size:14.5px;font-weight:600}.tab[aria-selected=true]{color:#fff;border-bottom-color:#8fd0c6}.tab:focus-visible{outline-offset:-2px;outline:2px solid #8fd0c6}main{max-width:880px;margin:0 auto;padding:26px 24px 80px}.player{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:22px;padding:14px 18px;position:sticky;top:0;box-shadow:0 6px 18px #093f3c14}.prow{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pbtn{background:var(--teal);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:17px;display:grid}.pbtn:hover{background:var(--teal-deep)}.pbtn:focus-visible{outline-offset:2px;outline:3px solid #8fd0c6}.pbtn.mini{width:38px;height:38px;font-size:14px}.seek{min-width:140px;accent-color:var(--teal);flex:1;height:6px}.time{font-variant-numeric:tabular-nums;color:var(--sub);text-align:right;min-width:92px;font-size:13px}.speeds{gap:6px;display:flex}.spd{border:1px solid var(--line);background:var(--chip);color:var(--sub);border-radius:8px;padding:5px 9px;font-size:12.5px}.spd[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.pnote{color:var(--sub);margin-top:8px;font-size:12px}.perr{color:var(--err);margin-top:6px;font-size:12.5px}.miniplayer{background:var(--chip);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin:18px 0 20px;padding:12px 14px;display:flex}.brief{background:var(--teal-soft);border-left:4px solid var(--teal);font-family:var(--serif);border-radius:0 10px 10px 0;margin-bottom:22px;padding:14px 18px;font-size:15.5px}.sheet{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.sheet table{border-collapse:collapse;width:100%;font-family:var(--serif);font-size:15.5px}.sheet th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);width:190px;font-family:var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--sub);background:#f2f5f3;padding:14px 16px;font-size:13px}.sheet td{border-bottom:1px solid var(--line);padding:14px 18px;line-height:2}.sheet tr:last-child th,.sheet tr:last-child td{border-bottom:none}.qn{font-family:var(--sans);color:var(--teal);margin-right:4px;font-size:12px;font-weight:700;display:inline-block}.gap{border:none;border-bottom:2px solid var(--teal);font-family:var(--serif);background:#fcfdfc;border-radius:4px 4px 0 0;width:200px;padding:3px 8px;font-size:15.5px}.gap:focus{background:var(--teal-soft);border-bottom-color:var(--teal-deep);outline:none}.gap.ok{border-bottom-color:var(--ok);background:var(--ok-bg)}.gap.err{border-bottom-color:var(--err);background:var(--err-bg)}.fix{font-family:var(--sans);white-space:nowrap;font-size:12.5px;font-weight:600}.fix.ok{color:var(--ok)}.fix.err{color:var(--err)}.fix .ans{background:var(--mark);color:var(--ink);border-radius:4px;padding:1px 6px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.primary{background:var(--teal);color:#fff;border:none;border-radius:10px;padding:11px 22px;font-size:15px;font-weight:600}.primary:hover{background:var(--teal-deep)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary:focus-visible{outline-offset:2px;outline:3px solid #8fd0c6}.ghost{border:1px solid var(--line);color:var(--sub);background:0 0;border-radius:10px;padding:10px 18px;font-size:14px}.ghost:hover{border-color:var(--teal);color:var(--teal)}.ghost:disabled{opacity:.4;cursor:not-allowed}.ghost:disabled:hover{border-color:var(--line);color:var(--sub)}.score{font-family:var(--sans);font-size:17px;font-weight:700}.score b{color:var(--teal);font-size:22px}.tsbox{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:6px 22px 18px}.tsbox h3{letter-spacing:.04em;text-transform:uppercase;color:var(--sub);margin:16px 0 10px;font-size:14px;font-weight:700}.turn{border-top:1px dashed var(--line);font-family:var(--serif);grid-template-columns:120px 1fr;gap:12px;padding:9px 0;font-size:15px;display:grid}.turn:first-of-type{border-top:none}.who{font-family:var(--sans);color:var(--teal);padding-top:2px;font-size:12.5px;font-weight:700}mark{background:var(--mark);border-radius:4px;padding:1px 4px}mark .mq{font-family:var(--sans);color:var(--teal-deep);vertical-align:super;margin-left:2px;font-size:10.5px;font-weight:800}.progress{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ptext{font-family:var(--sans);color:var(--sub);font-size:14px;font-weight:700}.dots{gap:6px;display:flex}.dot{background:var(--line);border:none;border-radius:50%;width:10px;height:10px;padding:0}.dot.cur{background:var(--teal);transform:scale(1.25)}.dot.done-ok{background:var(--ok)}.dot.done-err{background:var(--err)}.qcard{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:20px 22px}.qhead{align-items:baseline;gap:12px;display:flex}.qnum{font-family:var(--sans);color:#fff;background:var(--teal);border-radius:8px;flex:none;padding:2px 10px;font-size:15px;font-weight:800}.qctx{font-family:var(--serif);color:var(--ink);font-size:15px}.qstem{font-family:var(--serif);margin:6px 0 12px;font-size:16.5px;font-weight:600}.opt{border:1.5px solid var(--line);font-family:var(--serif);cursor:pointer;background:#fcfdfc;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:11px 14px;font-size:15px;display:flex}.opt:hover{border-color:var(--teal)}.opt input{accent-color:var(--teal);margin-top:4px}.opt .L{font-family:var(--sans);color:var(--teal);flex:none;font-weight:700}.opt.sel{border-color:var(--teal);background:var(--teal-soft)}.opt.right{border-color:var(--ok);background:var(--ok-bg)}.opt.wrong{border-color:var(--err);background:var(--err-bg)}.verdict{font-family:var(--sans);margin:8px 0 4px;font-size:14px;font-weight:700}.verdict.ok{color:var(--ok)}.verdict.err{color:var(--err)}.reveal{margin-top:8px}.rbtn{color:var(--teal);text-underline-offset:3px;background:0 0;border:none;padding:6px 10px 6px 2px;font-size:13.5px;font-weight:600;text-decoration:underline}.rpanel{border-top:1px dashed var(--line);font-family:var(--serif);color:#2a3a38;margin-top:8px;padding-top:12px;font-size:14.5px}.rpanel p{margin-bottom:9px}.rpanel .para{color:var(--sub);font-size:13.5px}.qnav{align-items:center;gap:10px;margin:4px 0 20px;display:flex}.qnav .spacer{flex:1}.summary{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.summary h2{font-family:var(--sans);margin-bottom:6px;font-size:19px}.sumline{border-bottom:1px dashed var(--line);font-family:var(--serif);align-items:center;gap:12px;padding:10px 0;font-size:15px;display:flex}.sumline:last-of-type{border-bottom:none}.sumline .res{font-family:var(--sans);width:20px;font-weight:700}.sumline .res.ok{color:var(--ok)}.sumline .res.err{color:var(--err)}.sumline .rbtn{margin-left:auto}footer{max-width:880px;color:var(--sub);margin:30px auto 0;padding:0 24px;font-size:12px}.hero{max-width:880px;margin:0 auto;padding:40px 24px}.card-list{gap:14px;margin-top:20px;display:grid}.mcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;text-decoration:none;display:block;box-shadow:0 6px 18px #093f3c0d}.mcard:hover{border-color:var(--teal)}.mcard h2{margin-bottom:6px;font-size:17px}.mcard .meta{color:var(--sub);font-size:13px}.badge{letter-spacing:.03em;text-transform:uppercase;color:var(--teal);background:var(--teal-soft);border-radius:99px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.authwrap{max-width:420px;margin:0 auto;padding:56px 24px 80px}.authcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 26px;box-shadow:0 6px 18px #093f3c0f}.authcard h1{margin-bottom:4px;font-size:22px}.authcard .lead{color:var(--sub);margin-bottom:20px;font-size:14px}.field{margin-bottom:14px;display:block}.field>span{color:var(--sub);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.field input{border:1px solid var(--line);background:#fcfdfc;border-radius:9px;width:100%;padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--teal);background:var(--teal-soft);outline:none}.authbtn{background:var(--teal);color:#fff;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600}.authbtn:hover{background:var(--teal-deep)}.authbtn:disabled{opacity:.5;cursor:not-allowed}.oauthbtn{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:14px;padding:11px;font-size:15px;font-weight:600}.oauthbtn:hover{border-color:var(--teal)}.divider{color:var(--sub);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.authlinks{color:var(--sub);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;font-size:13.5px;display:flex}.authlinks a{color:var(--teal);font-weight:600;text-decoration:none}.authlinks a:hover{text-decoration:underline}.msg{border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:13.5px}.msg.err{background:var(--err-bg);color:var(--err)}.msg.ok{background:var(--ok-bg);color:var(--ok)}.userchip{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.userchip .email{opacity:.85}.userchip form{display:inline}.userchip button,.userchip a{color:#f2f6f4;background:0 0;border:1px solid #ffffff59;border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:600;text-decoration:none}.userchip button:hover,.userchip a:hover{border-color:#8fd0c6}.mcard .prog{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.pill{background:var(--chip);color:var(--sub);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.pill.done{background:var(--ok-bg);color:var(--ok)}.mobilenote{background:var(--mark);color:var(--ink);text-align:center;padding:9px 16px;font-size:13px;display:none}@media (max-width:640px){.sheet th{width:110px}.turn{grid-template-columns:86px 1fr}}@media (max-width:767px){.mobilenote{display:block}}