:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg:#0b0b0d;--panel:#17171b;--panel2:#202026;--line:#34343c;--muted:#aaa;--text:#f6f6f6;--accent:#d92f2f;--good:#48ba76;--warn:#e4a74a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior:none;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed}.custom-background .app-shell{min-height:calc(100vh - 64px)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:rgba(14,14,17,.96);backdrop-filter:blur(14px);border-bottom:1px solid #2a2a30}.brand{display:flex;align-items:center;gap:9px;font-weight:800;min-width:0;flex:1}.brand span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:2px solid var(--accent);border-radius:10px;font-size:.72rem;overflow:hidden;flex:0 0 auto}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;background:rgba(0,0,0,.18);pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.top-actions{display:flex;gap:7px}.small-btn,.icon-btn,.filter-btn,.primary-btn,.secondary-btn,.qty-btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.icon-btn{padding:8px 11px;font-size:1.15rem}.small-btn:hover,.icon-btn:hover,.filter-btn:hover,.secondary-btn:hover{background:#2b2b32}.app-shell{max-width:1200px;margin:0 auto;padding:20px 16px 70px}.hero{margin-bottom:20px;padding:14px 16px;border-radius:14px;background:rgba(11,11,13,.68);backdrop-filter:blur(4px)}.hero h1{margin:0 0 7px;font-size:clamp(1.65rem,5vw,2.5rem)}.hero p{margin:0;color:var(--muted);line-height:1.5}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.collection-tile,.art-tile{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.24)}.collection-tile{cursor:pointer;text-align:left;color:inherit;padding:0}.collection-cover{aspect-ratio:4/3;background:#09090b;display:grid;place-items:center;overflow:hidden}.collection-cover img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.collection-body{padding:13px}.collection-title{font-size:1.05rem;font-weight:800}.collection-sub{margin-top:5px;color:var(--muted);font-size:.85rem}.progress-track{height:7px;background:#303037;border-radius:999px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:var(--accent);border-radius:999px}.collection-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.collection-head h1{margin:0;font-size:1.65rem}.collection-head p{margin:5px 0 0;color:var(--muted)}.summary{font-size:.92rem;color:var(--muted);white-space:nowrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 18px}.filter-btn.active{background:var(--accent);border-color:var(--accent)}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;align-items:start}.art-tile{cursor:pointer;position:relative}.art-frame{aspect-ratio:3/4;background:#08080a;display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden}.art-frame img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.art-body{padding:10px}.art-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-sub{color:var(--muted);font-size:.78rem;margin-top:4px}.owned-badge{position:absolute;top:9px;left:9px;background:rgba(47,143,86,.94);padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#777;margin-right:5px}.status-available .status-dot{background:var(--good)}.status-sold-out .status-dot,.status-retired .status-dot{background:#888}.status-coming-soon .status-dot{background:var(--warn)}.loading-card,.empty-card{padding:30px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.hidden{display:none!important}.drawer{position:fixed;z-index:60;right:0;top:0;height:100%;width:min(420px,92vw);background:#121216;border-left:1px solid var(--line);transform:translateX(105%);transition:transform .2s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0}.order-items{padding:12px 16px;overflow:auto;flex:1}.order-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #2b2b31}.order-name{font-weight:700}.order-meta{color:var(--muted);font-size:.82rem;margin-top:3px}.order-controls{display:flex;align-items:center;gap:6px}.order-qty-btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);width:32px;height:32px;border-radius:8px;font-weight:800;cursor:pointer}.order-qty{min-width:24px;text-align:center;font-weight:800}.order-remove{background:none;border:0;color:#aaa;cursor:pointer;font-size:.76rem;text-decoration:underline;margin-left:4px}.order-footer{padding:16px;border-top:1px solid var(--line)}.order-summary-row{display:flex;justify-content:space-between;gap:14px;font-size:1.05rem;margin-bottom:9px}.muted-row{font-size:.78rem;color:var(--muted);align-items:flex-start}.muted-row span:last-child{text-align:right}.primary-btn{width:100%;background:var(--accent);border-color:var(--accent);padding:12px}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.fine-print{font-size:.75rem;color:#888;line-height:1.4}.shade{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50}.viewer{position:fixed;inset:0;background:rgba(5,5,7,.97);z-index:80;padding:55px 48px 24px;overflow:auto}.viewer-content{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(260px,.7fr);gap:28px;align-items:start}.viewer-image-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center;background:#08080a;border-radius:14px;padding:10px}.viewer-image-wrap img{max-width:100%;max-height:78vh;object-fit:contain;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.viewer-info h2{font-size:1.8rem;margin:10px 0}.viewer-meta{color:var(--muted);font-size:.9rem}.viewer-description{white-space:pre-wrap;line-height:1.55;color:#ddd}.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#26262c;color:#ddd;font-size:.78rem;font-weight:800}.owned-area,.buy-area{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.secondary-btn{width:100%;padding:11px}.owned-area .secondary-btn.owned{background:#246c41;border-color:#38945c}.price-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.price{font-size:1.25rem;font-weight:800}.regular-price{text-decoration:line-through;color:#999;font-size:.9rem;margin-right:8px}.sale-price{font-size:1.25rem;font-weight:800}.qty-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:10px}.qty-btn{padding:9px 14px}.qty-value{text-align:center;font-weight:800}.viewer-close{position:fixed;right:16px;top:14px;border:1px solid var(--line);background:#24242a;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;z-index:3}.viewer-nav{position:fixed;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:rgba(35,35,41,.9);color:#fff;width:44px;height:60px;border-radius:12px;font-size:2rem;z-index:3}.viewer-prev{left:8px}.viewer-next{right:8px}@media(max-width:700px){.topbar{min-height:58px}.brand span:last-child{font-size:.9rem}.app-shell{padding:15px 12px 70px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-head{display:block}.summary{margin-top:8px}.viewer{padding:55px 12px 25px}.viewer-content{display:block}.viewer-image-wrap{min-height:auto;margin-bottom:16px}.viewer-image-wrap img{max-height:60vh}.viewer-nav{top:38%;width:38px;height:52px}.viewer-prev{left:4px}.viewer-next{right:4px}}

.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:120;background:#202026;border:1px solid #484852;border-radius:12px;padding:11px 15px;box-shadow:0 12px 30px rgba(0,0,0,.42);font-weight:800;max-width:min(90vw,520px);text-align:center}.added-flash{background:#246c41!important;border-color:#38945c!important}.order-pulse{animation:orderPulse .55s ease}@keyframes orderPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}