:root{--ink:#16202a;--muted:#65727f;--accent:#0c6b5e;--line:#d8dee6;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}.shell{max-width:1050px;padding:22px 18px 45px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:clamp(25px,4vw,35px);margin:4px 0}header p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.07em;color:var(--accent);text-transform:uppercase}.back{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;text-decoration:none;color:var(--ink);white-space:nowrap}.warning{background:#fff3e5;border-left:5px solid #b87527;padding:16px;border-radius:10px;margin:20px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.tabs button,.actions button{border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-height:46px;background:white;color:var(--ink);cursor:pointer}.tabs button.active,.actions button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #61ac9b;outline-offset:2px}.panel{padding:26px;border:1px solid var(--line);border-radius:15px;background:white}.panel[hidden]{display:none!important}.panel h2{margin:0 0 7px;font-size:23px}.muted{color:var(--muted)}label{font-weight:650;display:block;margin:14px 0 6px}select,textarea{width:100%;padding:12px;border:1px solid #b9c4ce;border-radius:9px;background:#fff;color:var(--ink);font-size:16px}textarea{font-family:ui-monospace,SFMono-Regular,monospace;min-height:108px;resize:vertical;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.decoded{display:grid;gap:11px;margin-top:16px}.token{border:1px solid #dce5e7;border-radius:10px;padding:13px;background:#f8fbfa}.token strong{display:block;color:#135d50;font-family:ui-monospace,monospace;font-size:16px}.token p{margin:4px 0 0}.code{font-family:ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f5;padding:16px;border-radius:10px;font-size:15px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.choices{display:grid;gap:9px}.choices button{background:white;border:1px solid #c9d3de;padding:14px;border-radius:9px;text-align:left;min-height:48px;cursor:pointer;color:var(--ink)}.choices button.selected{border-color:var(--accent);background:#e7f4f0}.choices button:disabled{opacity:.85;cursor:default}.choices button.correct{border-color:#0c6b5e;background:#e4f6ee}.choices button.wrong{border-color:#b4482d;background:#fff0e9}.feedback{padding:14px;border-radius:9px;background:#e8f4ef;margin-top:15px;border-left:4px solid #0c6b5e}.feedback.bad{background:#fff1ea;border-left-color:#b4482d}.glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glossary div{padding:13px;border:1px solid var(--line);border-radius:10px}.glossary strong{font-family:ui-monospace,monospace;color:var(--accent)}.glossary p{margin:4px 0 0;color:var(--muted)}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:24px}footer p{margin:5px 0}footer a{color:var(--accent)}@media(max-width:650px){.shell{padding:12px 11px 35px}header{align-items:flex-start;flex-direction:column}.panel{padding:17px 14px}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:13px;padding:9px 5px;min-height:49px}.glossary{grid-template-columns:1fr}.panel h2{font-size:21px}.actions button{flex:1 1 auto}}