:root{--bg:#0b0d10;--panel:#13171c;--panel-2:#1a2027;--text:#f6f7f9;--muted:#9ba6b2;--line:#29313b;--accent:#f7c948;--green:#65d890;--red:#ff7b7b}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1120px;margin:0 auto;padding:24px 18px 90px}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0d10eb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:14px 18px;display:flex}.brand{letter-spacing:-.03em;font-size:1.15rem;font-weight:900}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:8px 11px}.nav a:hover{background:var(--panel-2);color:var(--text)}.nav-account{align-items:center;gap:10px;display:flex}.auth-nav{margin-left:auto}.hero{justify-content:space-between;align-items:end;gap:20px;margin:22px 0;display:flex}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.2rem)}h2{letter-spacing:-.03em;margin:0 0 14px}p{color:var(--muted);line-height:1.55}.grid{gap:14px;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg, var(--panel), #101419);border:1px solid var(--line);border-radius:16px;padding:16px}.stat strong{margin-top:6px;font-size:1.7rem;display:block}.stat span{color:var(--muted);font-size:.85rem}.two-col{grid-template-columns:1.5fr 1fr}.series-list{gap:10px;display:grid}.series-row,.issue-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.series-row:last-child,.issue-row:last-child{border-bottom:0}.meta{color:var(--muted);font-size:.86rem}.progress{background:#242b33;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%}.badge{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;align-items:center;margin-right:5px;padding:4px 8px;font-size:.78rem;display:inline-flex}.badge.good{color:var(--green)}.badge.want{color:var(--accent)}.badge.read{color:#a9c4ff}.badge.missing{color:var(--red)}.toolbar{flex-wrap:wrap;gap:10px;margin:16px 0 22px;display:flex}.input,select.input,textarea.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0d1116;border-radius:10px;outline:none;padding:11px 12px}.input:focus{border-color:#586674}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .full{grid-column:1/-1}label{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 12px}.btn:hover{filter:brightness(1.12)}.btn.primary{background:var(--accent);color:#15120a;border-color:var(--accent);font-weight:800}.btn.good{color:var(--green)}.btn.small{padding:6px 9px;font-size:.82rem}.actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.issue-main{min-width:0}.issue-with-cover{align-items:center;gap:12px;min-width:0;display:flex}.issue-cover{object-fit:cover;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;flex:0 0 56px;width:56px;height:84px}.issue-cover.placeholder{display:block}.issue-title{font-weight:800}.issue-title a:hover{color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:50px 20px}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px;font-size:.72rem;font-weight:800}.purchase-count{color:var(--accent);font-weight:800}.purchase-groups{gap:30px;display:grid}.purchase-group h2{margin-bottom:12px}.purchase-grid{gap:14px;display:grid}.purchase-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden}.purchase-cover{aspect-ratio:2/3;background:var(--panel-2);position:relative;overflow:hidden}.purchase-cover img{object-fit:cover;width:100%;height:100%;display:block}.purchase-edition{border:1px solid var(--line);color:var(--text);text-transform:uppercase;letter-spacing:.06em;background:#0b0d10e6;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800;position:absolute;top:9px;right:9px}.purchase-edition.variant{color:var(--accent);border-color:var(--accent)}.purchase-details{gap:11px;padding:13px;display:grid}.purchase-issue{font-size:1.25rem}.purchase-target{background:var(--panel-2);border-radius:9px;gap:3px;min-height:50px;padding:9px;display:grid}.purchase-target span,.purchase-target small{color:var(--muted);font-size:.75rem}.purchase-target strong{color:var(--accent);font-size:.9rem}.purchase-bought{width:100%}.purchase-card-wide{padding:14px}.purchase-card-heading{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.purchase-choice-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;display:grid}.purchase-choice{border:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;border-radius:10px;align-content:start;gap:6px;padding:6px;display:grid;position:relative}.purchase-choice.selected{border-color:var(--accent);color:var(--text);background:var(--panel-2)}.purchase-choice.excluded{opacity:.55}.purchase-choice input{z-index:2;accent-color:var(--accent);position:absolute;top:10px;left:10px}.purchase-choice-cover{aspect-ratio:2/3;background:var(--panel-2);border-radius:7px;position:relative;overflow:hidden}.purchase-choice-cover img{object-fit:cover;width:100%;height:100%;display:block}.purchase-choice>span{font-size:.72rem;line-height:1.25}.purchase-selection{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.purchase-selection .purchase-bought{width:auto}.purchase-excluded{color:var(--red);margin-top:12px}.purchase-excluded summary{cursor:pointer;margin-bottom:8px;font-size:.8rem}.code{border:1px solid var(--line);color:#d3d9df;background:#0a0d10;border-radius:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.search-form{grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:12px;margin-bottom:24px;display:grid}.search-message{margin-top:20px}.search-message.error{border-color:var(--red);color:var(--red)}.results-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 14px;display:flex}.results-heading h2{margin:0}.cover-grid,.edition-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.cover-card,.edition-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-content:start;gap:10px;min-width:0;padding:10px;display:grid}.cover-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cover-frame{aspect-ratio:2/3;background:var(--panel-2);border-radius:9px;overflow:hidden}.cover-frame img{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{height:100%;color:var(--muted);text-align:center;place-items:center;padding:18px;display:grid}.cover-copy{gap:4px;min-width:0;display:grid}.cover-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cover-copy span{color:var(--muted);font-size:.8rem}.pagination{justify-content:center;gap:10px;margin-top:24px;display:flex}.edition-grid{margin-bottom:20px}.edition-card{cursor:pointer;color:var(--text);font-size:.9rem;position:relative}.edition-card input{z-index:2;accent-color:var(--accent);width:18px;height:18px;position:absolute;top:18px;left:18px}.edition-card:has(input:checked){border-color:var(--accent);background:var(--panel-2)}.add-panel{justify-content:flex-end;align-items:end;gap:12px;display:flex}.add-panel label{min-width:220px}.sync-actions{text-align:right;justify-items:end;gap:8px;display:grid}.sync-message{color:var(--green);margin-bottom:16px}.sync-message.error{color:var(--red);border-color:var(--red)}.series-issue-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.variant-picker-panel{border:1px solid var(--line);background:#0d1116;border-radius:12px;grid-column:1/-1;min-width:0;padding:14px}.variant-editions{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.variant-edition{border:1px solid var(--line);width:124px;color:var(--muted);cursor:pointer;border-radius:10px;flex:0 0 124px;align-content:start;gap:7px;padding:7px;display:grid;position:relative}.variant-edition.selected{border-color:var(--accent);color:var(--text);background:var(--panel-2)}.variant-edition input{z-index:2;width:17px;height:17px;accent-color:var(--accent);position:absolute;top:12px;left:12px}.variant-edition span{font-size:.78rem;line-height:1.25}.variant-cover{aspect-ratio:2/3;background:var(--panel-2);border-radius:7px;width:108px;overflow:hidden}.variant-cover img{object-fit:cover;width:100%;height:100%;display:block}.variant-picker-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.variant-picker-error{color:var(--red);justify-content:space-between;align-items:center;gap:10px;display:flex}.search-preferences{margin-bottom:24px}.preference-panel{border:1px solid var(--line);background:#0d1116;border-radius:12px;grid-column:1/-1;min-width:0;padding:14px}.search-preferences .preference-panel{background:0 0;border:0;padding:0}.preference-help{color:var(--muted);margin-bottom:10px;font-size:.82rem}.preference-editions{gap:10px;padding-bottom:9px;display:flex;overflow-x:auto}.preference-edition{border:1px solid var(--line);width:126px;color:var(--muted);border-radius:10px;flex:0 0 126px;align-content:start;gap:7px;padding:7px;display:grid}.preference-edition.ranked{border-color:var(--accent);color:var(--text);background:var(--panel-2)}.preference-edition.excluded{border-color:var(--red);opacity:.65}.preference-cover{aspect-ratio:2/3;background:var(--panel-2);width:110px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;padding:0;position:relative;overflow:hidden}.preference-cover img{object-fit:cover;width:100%;height:100%;display:block}.preference-edition>span{font-size:.76rem;line-height:1.25}.preference-rank{background:var(--accent);color:#15120a;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.85rem;display:grid;position:absolute;top:6px;right:6px}.preference-excluded{color:var(--red);text-transform:uppercase;background:#0b0d10eb;border-radius:6px;padding:5px;font-size:.68rem;position:absolute;inset:auto 5px 5px}.preference-controls{flex-wrap:wrap;gap:4px;display:flex}.preference-controls button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 6px;font-size:.7rem}.preference-controls button.active{color:var(--red);border-color:var(--red)}.preference-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.btn:disabled{cursor:wait;opacity:.65}.auth-shell{place-items:center;min-height:calc(100vh - 190px);padding:30px 0;display:grid}.auth-card{gap:16px;width:min(100%,440px);padding:24px;display:grid}.auth-card h1{font-size:clamp(2rem,7vw,2.8rem)}.auth-error{border:1px solid var(--red);color:var(--red);background:#ff7b7b0f;border-radius:9px;padding:10px 12px}.auth-switch{text-align:center}.auth-switch a{color:var(--accent)}.bottom-nav{display:none}@media (max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.nav{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.issue-row{grid-template-columns:1fr}.actions{justify-content:flex-start}.search-form{grid-template-columns:1fr}.cover-grid,.edition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.purchase-grid{gap:10px}.purchase-details{padding:10px}.purchase-target{min-height:0}.add-panel{flex-direction:column;align-items:stretch}.add-panel label{min-width:0}.hero{flex-direction:column;align-items:start}.nav-account{margin-left:auto}.sync-actions{text-align:left;justify-items:start}.series-issue-controls{justify-content:flex-start}.variant-picker-footer,.preference-footer,.purchase-selection{flex-direction:column;align-items:stretch}.purchase-selection .purchase-bought{width:100%}.bottom-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1216f5;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--muted);padding:12px 4px 14px;font-size:.72rem}}