:root{--bg: #14100c;--panel: #1e1813;--panel-2: #26201a;--ink: #f2e9d8;--ink-dim: #b8a98e;--gold: #c9a227;--gold-soft: rgba(201, 162, 39, .16);--line: #3a3128;--accent: #e0b64b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif}#root{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(180deg,#241d14 0%,var(--bg) 100%);border-bottom:1px solid var(--line);padding:1.1rem 1.5rem;position:sticky;top:0;z-index:20}.header .brand{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}.header h1{font-size:1.9rem;letter-spacing:.35em;text-transform:uppercase;margin:0;color:var(--gold);font-weight:400}.header .tagline{font-style:italic;color:var(--ink-dim);font-size:1rem;letter-spacing:.04em}.header .count{margin-left:auto;color:var(--ink-dim);font-size:.9rem}.header .account{display:flex;align-items:center;gap:.6rem}.header .account-who{color:var(--ink-dim);font-size:.9rem}.sign-in-btn,.sign-out-btn{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:.45rem .9rem;font-family:inherit;font-size:.9rem;cursor:pointer}.sign-in-btn:hover,.sign-out-btn:hover:not(:disabled){border-color:var(--gold);color:var(--accent)}.sign-out-btn:disabled{opacity:.55;cursor:wait}.filters{background:var(--panel);border-bottom:1px solid var(--line);padding:.9rem 1.5rem;display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}input[type=search],input[type=number],input[type=text],input[type=email],select{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.45rem .6rem;font-family:inherit;font-size:.95rem}input[type=search]{min-width:260px}input[type=number]{width:6.5rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.era-chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-dim);border-radius:999px;padding:.32rem .8rem;font-family:inherit;font-size:.85rem;cursor:pointer}.chip[aria-pressed=true]{background:var(--gold-soft);border-color:var(--gold);color:var(--accent)}.year-range{display:flex;gap:.4rem;align-items:center}.reset{background:transparent;border:1px solid var(--line);color:var(--ink-dim);border-radius:4px;padding:.45rem .8rem;font-family:inherit;cursor:pointer}.reset:hover{border-color:var(--gold);color:var(--accent)}.grid-wrap{padding:1.2rem 1.5rem 2rem;flex:1}.result-meta{color:var(--ink-dim);font-size:.9rem;margin-bottom:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;text-align:left;padding:0;font-family:inherit;color:inherit;display:block;width:100%}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card .thumb{aspect-ratio:4 / 3;background:#0d0a07;display:flex;align-items:center;justify-content:center;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;display:block}.card .info{padding:.6rem .75rem .75rem}.card .title{font-size:.95rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .sub{font-size:.8rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:4rem 1rem;text-align:center;color:var(--ink-dim);font-style:italic}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.6rem}.pager button{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:.45rem 1rem;font-family:inherit;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.pager button:not(:disabled):hover{border-color:var(--gold);color:var(--accent)}.detail{padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;flex:1}.crumb{background:none;border:none;color:var(--accent);font-family:inherit;font-size:.95rem;cursor:pointer;padding:0;margin-bottom:1rem}.crumb:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:900px){.detail-grid{grid-template-columns:1.5fr 1fr}}.detail .preview{background:#0d0a07;border:1px solid var(--line);border-radius:6px;padding:.75rem}.detail .preview img{width:100%;height:auto;display:block;border-radius:3px}.detail .preview .wm-note{font-size:.78rem;color:var(--ink-dim);margin-top:.5rem;font-style:italic}.detail h2{margin:0 0 .2rem;font-size:1.6rem;font-weight:400}.detail .lede{color:var(--ink-dim);font-style:italic;margin-bottom:1.1rem}.meta-table{width:100%;border-collapse:collapse;font-size:.92rem}.meta-table th,.meta-table td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.meta-table th{color:var(--ink-dim);font-weight:400;width:38%;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.buy-btn{margin-top:1.3rem;width:100%;background:var(--gold);color:#1a1408;border:none;border-radius:5px;padding:.8rem 1rem;font-family:inherit;font-size:1.05rem;letter-spacing:.04em;cursor:pointer}.buy-btn:hover{background:var(--accent)}.buy-btn:disabled{opacity:.55;cursor:wait}.buy-btn.buy-secondary{background:transparent;border:1px solid var(--line);color:var(--ink);margin-top:.6rem}.buy-btn.buy-secondary:hover{border-color:var(--gold);color:var(--accent);background:transparent}.download-confirm{margin-top:.8rem}.download-confirm p{line-height:1.55;margin:0 0 .6rem}.download-confirm-actions{display:flex;gap:.6rem;align-items:center}.download-confirm .ok{background:var(--gold);color:#1a1408;border:none;border-radius:4px;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;cursor:pointer}.download-confirm .ok:hover{background:var(--accent)}.download-confirm .ok:disabled{opacity:.55;cursor:wait}.download-note{color:var(--accent);font-size:.9rem;line-height:1.5}.notfound{padding:4rem 1rem;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:1px solid var(--gold);border-radius:8px;max-width:480px;width:100%;padding:1.8rem;position:relative}.modal h3{margin:0 0 .8rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:1.05rem;font-weight:400}.modal p{line-height:1.55;color:var(--ink);margin:0 0 1.4rem}.modal .close{position:absolute;top:.7rem;right:.9rem;background:none;border:none;color:var(--ink-dim);font-size:1.4rem;cursor:pointer;font-family:inherit}.modal .close:hover{color:var(--accent)}.modal .ok{background:var(--gold);color:#1a1408;border:none;border-radius:4px;padding:.6rem 1.4rem;font-family:inherit;font-size:1rem;cursor:pointer}.modal .packs{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}.modal .pack-buy{width:100%;text-align:left;background:none;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:.55rem .8rem;font-family:inherit;font-size:.95rem;cursor:pointer}.modal .pack-buy:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.modal .pack-buy:disabled{opacity:.55;cursor:wait}.modal .checkout-note{color:var(--accent);font-size:.9rem}.modal .checkout-note a{color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:.6rem}.auth-form p{margin:0 0 .6rem}.auth-form label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.auth-form input{width:100%}.auth-form .checkout-note{margin:0}.auth-form .ok{align-self:flex-start;margin-top:.4rem}.auth-form .ok:disabled{opacity:.55;cursor:wait}.footer{border-top:1px solid var(--line);padding:.9rem 1.5rem;color:var(--ink-dim);font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
