:root{color-scheme:dark;font-family:Space Grotesk,Trebuchet MS,Gill Sans,sans-serif;line-height:1.5;font-weight:400;background-color:#0b0d12;color:#f8f1df;--bg: #0b0d12;--bg-soft: rgba(16, 21, 33, .9);--bg-card: rgba(18, 22, 34, .9);--bg-card-strong: rgba(15, 18, 28, .95);--text: #f8f1df;--text-muted: #d7cdb4;--text-soft: #b8b1a0;--text-subtle: #a79f8c;--accent: #f2b27a;--accent-soft: rgba(242, 178, 122, .2);--border: rgba(248, 241, 223, .12)}:root[data-theme=light]{color-scheme:light;background-color:#f6f1e7;color:#1c1f2a;--bg: #f6f1e7;--bg-soft: rgba(255, 255, 255, .85);--bg-card: rgba(255, 255, 255, .92);--bg-card-strong: rgba(255, 255, 255, .98);--text: #1c1f2a;--text-muted: #3d4250;--text-soft: #5b6170;--text-subtle: #6e7485;--accent: #c96d28;--accent-soft: rgba(201, 109, 40, .18);--border: rgba(28, 31, 42, .12)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top,#202635 0%,var(--bg) 55%,#07080c 100%)}:root[data-theme=light] body{background:radial-gradient(circle at top,#ffffff 0%,var(--bg) 55%,#f0e7da 100%)}#root{min-height:100vh}.app{min-height:100vh;padding:20px 16px 32px;display:flex;flex-direction:column;gap:18px}.app-header{display:flex;flex-direction:column;gap:18px;background:var(--bg-card-strong);border:1px solid var(--border);padding:16px;border-radius:20px;box-shadow:0 20px 50px #00000059}.app-header h1{font-size:1.8rem;letter-spacing:.02em}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.3em;color:var(--accent)}.subhead{color:var(--text-muted);max-width:32ch}.install-btn{align-self:flex-start;background:var(--accent);border:none;color:#0b0d12;font-weight:600;padding:10px 14px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 25px #f2b27a40}.header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.theme-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer}.install-btn:hover{transform:translateY(-2px)}.app-main{display:grid;gap:22px}.app-footer{margin-top:auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:.85rem;color:var(--text-soft)}.footer-text{color:var(--text-subtle)}.footer-version{font-size:.8rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-soft)}.footer-commit{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.footer-commit:hover{color:var(--text);border-color:var(--text)}.app-footer a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.app-footer a:hover{color:var(--text);border-color:var(--text)}.footer-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-bottom:none}.footer-icon svg{width:20px;height:20px;fill:currentColor}.app-main.detail-only{grid-template-columns:1fr}.library.hidden{display:none}.detail.active{display:block}.library{display:flex;flex-direction:column;gap:18px}.library-topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border)}.search-field,.filter-field{display:flex;flex-direction:column;gap:6px}label{font-size:.85rem;color:var(--text-soft)}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px;font-size:1rem}.search-mini input{width:160px;padding:8px 12px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:.9rem}.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer}.filter-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.75rem}.filters-drawer{display:none;gap:12px;padding:16px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border)}.filters-drawer.open{display:grid}.drawer-close{justify-self:flex-start;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-soft);cursor:pointer}.library-list{display:grid;gap:12px}.tag-filter{display:flex;flex-wrap:wrap;gap:8px}.tag-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-soft);padding:6px 12px;border-radius:999px;font-size:.75rem;cursor:pointer;transition:border .2s ease,color .2s ease,background .2s ease}.tag-toggle.active{background:var(--accent-soft);border-color:#f2b27a99;color:var(--accent)}.recent-inline{display:flex;gap:8px;flex-wrap:wrap}.recent-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.8rem;cursor:pointer}.recent-chip.active{border-color:#f2b27ab3;color:var(--accent)}.recent-initials{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:.7rem}.rule-card{text-align:left;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);color:inherit;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease}.rule-card:hover{transform:translateY(-2px);border-color:#f2b27a59}.rule-card.active{background:var(--bg-card-strong);border-color:#f2b27a99;box-shadow:0 12px 35px #00000059}.rule-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.rule-card h2{font-size:1.3rem}.rule-card p{margin-top:6px;color:var(--text-muted)}.rule-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:.85rem;color:var(--text-subtle)}.difficulty{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.detail{display:none;background:var(--bg-card-strong);border-radius:20px;padding:20px;border:1px solid var(--border);min-height:320px}.back-button{margin-bottom:16px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer}.detail-header{display:flex;flex-direction:column;gap:12px}.detail-header h2{font-size:1.8rem}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--accent-soft);color:var(--accent);padding:6px 12px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;font-size:.75rem}.markdown{display:grid;gap:14px;color:var(--text-muted)}.markdown h1,.markdown h2,.markdown h3{color:var(--text)}.markdown ul,.markdown ol{padding-left:18px;display:grid;gap:6px}.state{padding:16px;border-radius:14px;background:var(--bg-card);color:var(--text-soft);text-align:center}@media(min-width:900px){.app{padding:40px 48px 60px}.app-header{flex-direction:row;align-items:center;justify-content:space-between}.app-main{grid-template-columns:minmax(280px,1fr) 1.4fr;align-items:start}.detail{display:block;position:sticky;top:32px}}