:root{--shell:#15181B;--shell-2:#1A1E22;--surface-raised:#1F2429;--surface-edge:#2C333A;--surface-hi:rgba(255,255,255,.06);--accent:#E2711D;--accent-hi:#F08A2E;--accent-on-light:#A8500C;--reading-surface:#FAFAF8;--ink:#16181A;--ink-soft:#454B50;--paragon-red:#BE202E;--focus:#F08A2E;--pad:16px;--gap:12px;--radius:15px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--shell);color:#f2f4f5;font-family:var(--font);-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.shell{max-width:1100px;margin:0 auto;padding:0 var(--pad) 32px}.hdr{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 6px}.logo-slot{display:flex;align-items:center;min-height:48px}.logo-slot img{display:block;height:48px;width:auto}.brandline{margin:10px 0 18px;font-size:15px;line-height:1.45;color:#c6ccd1;letter-spacing:.01em}.lang{display:flex;gap:6px}.lang a{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;border:1px solid var(--surface-edge);background:var(--surface-raised);color:#c6ccd1;text-decoration:none;font-size:15px;font-weight:600}.lang a[aria-current=page]{border-color:var(--accent);color:#fff;box-shadow:inset 0 1px 0 var(--surface-hi)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);list-style:none;margin:0;padding:0}@media (max-width:340px){.grid{grid-template-columns:1fr}}@media (min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}.card{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:112px;padding:14px;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-raised),#1B2025);border:1px solid var(--surface-edge);border-top-color:#39424a;box-shadow:0 2px #00000059,0 8px 18px #00000047,inset 0 1px 0 var(--surface-hi);color:#f2f4f5;text-decoration:none}.card:active{transform:translateY(1px)}.card .ic{color:var(--accent)}.card .nm{font-size:18px;font-weight:600;line-height:1.25}@media (hover:hover){.card:hover{border-color:var(--accent)}.card:hover .ic{color:var(--accent-hi)}}.detail{max-width:720px;margin:0 auto}.mnem{border:2px solid var(--accent-on-light);border-radius:12px;padding:12px;margin-bottom:12px}.mnem .savehd{color:var(--accent-on-light)}.back{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:var(--accent);text-decoration:none;font-weight:600;font-size:16px}.title{font-size:26px;font-weight:800;line-height:1.2;margin:8px 0 14px}.panel{background:var(--reading-surface);color:var(--ink);border-radius:var(--radius);padding:18px 16px 6px;margin-bottom:14px}.sec{margin:0 0 18px}.sec h2{font-size:17px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;color:#2a3036}.sec ul{margin:0;padding-left:20px}.sec li{font-size:17px;line-height:1.5;margin:0 0 8px}.sec--save h2{color:var(--paragon-red)}.savebox{border:2px solid var(--paragon-red);border-radius:12px;padding:12px;margin-top:10px}.savehd{font-size:18px;font-weight:800;color:var(--paragon-red);margin:0 0 8px}.savebox dl{margin:0}.savebox dt{font-weight:800;font-size:16px;margin-top:8px}.savebox dd{margin:2px 0 0;font-size:17px;line-height:1.45;color:var(--ink-soft)}.sec--donot h2{font-size:24px;color:var(--paragon-red)}.sec--donot li{border-left:4px solid var(--paragon-red);padding-left:10px;list-style:none;margin-left:-20px}.sec--donot b{color:var(--paragon-red)}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.btn{min-height:48px;min-width:48px;padding:0 18px;border-radius:12px;border:1px solid var(--surface-edge);background:var(--surface-raised);color:#f2f4f5;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer}.btn[data-on=true]{border-color:var(--accent);color:#fff}.banner{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.4;margin:0 0 12px}.banner--offline{background:#232a30;border:1px solid var(--surface-edge);color:#c6ccd1}.banner--draft{background:#2a1a1c;border:1px solid var(--paragon-red);color:#f3c9cc;font-weight:600}.notice{background:#efefea;color:var(--ink);border-radius:10px;padding:14px;font-size:17px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}