:root{--ink:#302c26;--muted:#716957;--gold:#9b8050;--dark-gold:#70582f;--paper:#f4ebd8;--surface:#fbf9f3;--accent:#ede1c8;--border:#c9bda4;--blood:#7a2424;--shadow:0 16px 45px #302c2620}[data-theme="warm"]{--ink:#302c26;--muted:#716957;--gold:#9b8050;--dark-gold:#70582f;--paper:#f4ebd8;--surface:#fbf9f3;--accent:#ede1c8;--border:#c9bda4;--blood:#7a2424;}
[data-theme="steel"]{--ink:#292b32;--muted:#626873;--gold:#7187a0;--dark-gold:#465a72;--paper:#eef1f3;--surface:#f7f9fa;--accent:#dce3e8;--border:#b8c2cc;--blood:#526d85;}
[data-theme="fangdrael"]{--ink:#29302a;--muted:#687064;--gold:#7f8f62;--dark-gold:#53603d;--paper:#f1f2e8;--surface:#fafbf5;--accent:#e3e5d4;--border:#bdc3ae;--blood:#536b45;}
[data-theme="bw"]{--ink:#202020;--muted:#666666;--gold:#777777;--dark-gold:#484848;--paper:#eeeeee;--surface:#fafafa;--accent:#e2e2e2;--border:#b5b5b5;--blood:#444444;}
[data-theme="high-contrast"]{--ink:#111111;--muted:#333333;--gold:#005a9c;--dark-gold:#003b66;--paper:#ffffff;--surface:#ffffff;--accent:#fff4cc;--border:#555555;--blood:#a40000;}
[data-theme="yon-sen"]{--ink:#292724;--muted:#625d54;--gold:#a88a54;--dark-gold:#78633d;--paper:#f3ebdd;--surface:#faf6ec;--accent:#eee4d1;--border:#c8bda8;--blood:#8c3029;}
[data-theme="steingrund"]{--ink:#25262b;--muted:#686a73;--gold:#8e96a8;--dark-gold:#5c6372;--paper:#eef0f2;--surface:#f8f9fa;--accent:#e1e5e9;--border:#b5bbc3;--blood:#6f2535;}
[data-theme="treorst"]{--ink:#272238;--muted:#6d647a;--gold:#c39a3d;--dark-gold:#87651f;--paper:#f4ebd7;--surface:#fff9e9;--accent:#eeddb8;--border:#c7a967;--blood:#7c2348;}
[data-theme="anankar"]{--ink:#3a3025;--muted:#796c59;--gold:#b28a45;--dark-gold:#80612f;--paper:#f2e5c7;--surface:#fbf4df;--accent:#ead6ad;--border:#cbb98f;--blood:#8b4930;}
[data-theme="drekinsteps"]{--ink:#33251f;--muted:#765b4e;--gold:#c08a3e;--dark-gold:#875722;--paper:#f1ddc5;--surface:#faebd9;--accent:#e7c9a8;--border:#c69d76;--blood:#a83224;}
[data-theme="draan"]{--ink:#25223d;--muted:#665e82;--gold:#5f9189;--dark-gold:#3f6965;--paper:#e2dfe8;--surface:#f2edf3;--accent:#d4c1d7;--border:#9991a8;--blood:#713f70;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 Georgia,serif;background-image:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 30%)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{padding:9px 13px;border:0;background:var(--blood);color:var(--surface)}input,select,textarea{width:100%;padding:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}label{display:block;color:var(--muted);font-size:11px}.topbar{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:10px max(22px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--blood);color:var(--surface);font-size:22px;transform:rotate(45deg)}.brand b{font-family:Georgia,serif}.brand small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.topbar nav{display:flex}.topbar nav a{padding:8px;color:var(--muted);text-decoration:none}.topbar>label{justify-self:end;display:flex;align-items:center;gap:8px}.topbar select{width:auto}main{max-width:1200px;margin:auto;padding:0 20px}.hero{padding:70px 20px 45px}.eyebrow{margin:0;color:var(--dark-gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hero h1{max-width:800px;margin:8px 0;color:var(--blood);font-size:clamp(34px,6vw,66px);line-height:1}.hero>p:last-child{max-width:650px;color:var(--muted);font-size:17px}.workspace{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.filters{padding:22px;border-right:1px solid var(--border);background:var(--accent)}.filters h2,.catalog h2,.selection-panel h2,.library h2{margin:0;color:var(--blood)}.filters label{margin:12px 0}.filters details{margin-top:24px}.filters summary{color:var(--dark-gold);cursor:pointer}.filters form{margin-top:10px}.quiet{border:1px solid var(--gold);background:transparent;color:var(--dark-gold)}.catalog{min-width:0;padding:22px}.catalog-head,.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.catalog-head label{display:flex;gap:8px;align-items:center}.catalog-head select{width:auto}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:15px;border:1px solid var(--border);border-top:3px solid var(--gold);background:var(--paper)}.card input{width:20px;height:20px}.card h3{margin:0;color:var(--blood)}.card p{margin:5px 0;color:var(--muted);font-size:12px}.meta{color:var(--dark-gold);font-size:10px}.card.custom{border-color:var(--blood)}.card .delete{margin-top:8px;padding:4px 7px}.selection-panel,.library{margin:55px 0;padding:25px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.selection-panel>label,.library>label{max-width:420px;margin:15px 0}.selected,.saved{display:grid;gap:8px;margin:16px 0}.selected-row,.saved-card{padding:12px;border-left:3px solid var(--gold);background:var(--accent)}.selected-row summary{cursor:pointer;color:var(--blood);font-weight:bold}.edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.edit-grid .wide{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:7px}.saved-card h3{margin:0;color:var(--blood)}.saved-card p{margin:4px 0;color:var(--muted)}#status{display:block;min-height:20px;margin-top:10px;color:var(--dark-gold)}footer{padding:35px;text-align:center;color:var(--muted)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:760px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.workspace{grid-template-columns:1fr}.filters{border:0;border-bottom:1px solid var(--border)}.cards{grid-template-columns:1fr}.edit-grid{grid-template-columns:1fr}.edit-grid .wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.topbar,.filters,.actions,.library{display:none}.workspace{display:block;border:0}.cards{grid-template-columns:1fr 1fr}.selection-panel{box-shadow:none}}