:root{color-scheme:dark;--bg: #14231d;--surface: #1a2c25;--surface-2: #213730;--surface-3: #27423a;--border: #2f4a41;--text: #f1ece0;--muted: #a7b5ad;--accent: #e3a93b;--accent-text: #1a1408;--danger: #ef7d6d;--book: #5b9bd5;--game: #e3a93b;--tactics: #6cc070}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f4f1e8;--surface: #ffffff;--surface-2: #f3efe4;--surface-3: #e7efe7;--border: #ddd6c4;--text: #1d2b25;--muted: #5f6d66;--accent: #1d3b30;--accent-text: #f4ecd8;--danger: #b9382a;--book: #2f73b5;--game: #c2861a;--tactics: #3f9a45}}[data-type=BOOK]{--type-color: var(--book)}[data-type=GAME]{--type-color: var(--game)}[data-type=TACTICS]{--type-color: var(--tactics)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}input,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-height:44px;width:100%}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{min-height:44px;padding:0 20px;border:none;border-radius:10px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}button.ghost{min-height:40px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:1.1rem;cursor:pointer}button.ghost:hover{background:var(--surface-2)}button.ghost.small{min-height:32px;font-size:.85rem;color:var(--muted)}button.ghost.danger{color:var(--danger)}