:root{--paper:#e9e4d8;--paper-dark:#ddd6c4;--ink:#1c1a16;--red:#b91d2a;--red-dim:rgba(185,29,42,.75);--green:#0c5c3f;--gold:#b8892b;--line:rgba(28,26,22,.2);--font-display:"Anton",sans-serif;--font-body:"Bitter",serif;--font-mono:"Space Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.page{max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:84px;position:relative}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding:18px 18px 12px;border-bottom:3px solid var(--ink)}.brand{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em;text-transform:uppercase}.brand .accent{color:var(--red)}.topbar-tag{font-size:10px;letter-spacing:.06em;opacity:.7}.section-label,.topbar-tag{font-family:var(--font-mono);text-transform:uppercase}.section-label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;color:var(--red);margin-bottom:10px}.section-label:before{content:"";width:8px;height:8px;background:var(--red);flex-shrink:0}.section-label.green{color:var(--green)}.section-label.green:before{background:var(--green)}.card{background:var(--paper-dark);border:2px solid var(--ink);padding:18px}.card+.card{margin-top:16px}.card-num{font-size:30px;color:var(--red-dim);line-height:1}.card-headline,.card-num{font-family:var(--font-display)}.card-headline{font-size:26px;line-height:1.05;text-transform:uppercase;margin:8px 0 10px}.card-body{font-size:15px;line-height:1.55}.card-body b{background:rgba(184,137,43,.28);padding:0 2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;width:100%}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.done{background:var(--green);color:var(--paper);border-color:var(--green)}.btn-row{display:flex;gap:10px;margin-top:14px}.lang-toggle{display:inline-flex;border:2px solid var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;overflow:hidden}.lang-toggle button{border:none;background:var(--paper);color:var(--ink);padding:6px 12px}.lang-toggle button.active{background:var(--ink);color:var(--paper)}.progress-track{background:rgba(28,26,22,.1);height:10px;width:100%}.progress-fill{background:var(--red);height:100%}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);border-top:3px solid var(--red)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:hsla(42,28%,88%,.6)}.bottom-nav a.active{color:var(--paper)}.bottom-nav a.active .nav-dot{background:var(--red)}.nav-dot{width:6px;height:6px;background:transparent}.muted{opacity:.65;font-size:13px}.locked{opacity:.45;filter:grayscale(.4)}.stamp{border:1.5px solid var(--red);color:var(--red);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;padding:2px 6px;transform:rotate(-3deg);display:inline-block;text-transform:uppercase}