/* Wishlist-specific bits on top of blackout.css */
[hidden]{display:none!important}
.wish{position:relative}
.wish .title a{color:inherit}
.wish .title a::after{content:"";position:absolute;inset:0}
.wish:has(.title a):hover{border-color:var(--flare)}
.wish .foot a{position:relative;z-index:1}
.page-head{padding-block:40px 28px}
.page-head .lead{margin-top:10px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px}
.count{font:12px var(--f-mono);color:var(--ink-3)}

.wishes{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-bottom:48px}
.wish{background:var(--deck);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:border-color .15s var(--ease)}
.wish:hover{border-color:var(--line-hot)}
.wish .img{aspect-ratio:4/3;background:var(--sunken);display:grid;place-items:center;position:relative;border-bottom:1px solid var(--line)}
.wish .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;background:var(--sunken)}
.wish .img .ph{font:700 44px var(--f-display);color:var(--line-hot);text-transform:uppercase}
.wish .img .pill{position:absolute;top:10px;left:10px;background:var(--void)}
.wish .body{padding:14px 16px 16px;display:grid;gap:8px;align-content:start}
.wish .title{font-weight:600;font-size:15px;line-height:1.3}
.wish .desc{color:var(--ink-2);font-size:13px;white-space:pre-line}
.wish .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.wish .price{font:500 16px var(--f-mono);font-variant-numeric:tabular-nums}
.wish .price small{font-size:12px;color:var(--ink-3);margin-left:4px}
.wish .price.none{font:12px var(--f-body);color:var(--ink-3)}
.wish.got{opacity:.6}
.wish.got .title{text-decoration:line-through;text-decoration-color:var(--ink-3)}

/* admin */
.login{max-width:360px;margin:64px auto}
.alist{display:grid}
.arow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.arow .thumb{width:56px;height:42px;border-radius:var(--r);background:var(--sunken);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;color:var(--ink-3);font:700 18px var(--f-display)}
.arow .thumb img{width:100%;height:100%;object-fit:contain}
.arow .meta{font:12px var(--f-mono);color:var(--ink-3)}
.arow .t{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arow .acts{display:flex;gap:4px}
.form-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.form-grid .s6{grid-column:span 6}.form-grid .s3{grid-column:span 3}.form-grid .s2{grid-column:span 2}
@media (max-width:560px){.form-grid .s3,.form-grid .s2{grid-column:span 6}}
.preview{width:100%;aspect-ratio:4/3;max-height:180px;border:1px solid var(--line);border-radius:var(--r);background:var(--sunken);object-fit:contain}
.modal.wide{width:min(620px,calc(100vw - 32px))}
.modal .body{max-height:70vh;overflow:auto}
.modal .body label{color:var(--ink)}