*{box-sizing:border-box}:root{color-scheme:dark;--bg: #030405;--panel: #0a0d0f;--panel-2: #10151a;--line: #20282f;--line-strong: #7cc7ff;--text: #f4f8fb;--muted: #7f8b95;--primary: #b9e2ff;--danger: #ff5f73;--ok: #6ee7a8;--warn: #f6c15f;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}body{margin:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 35% -20%,rgba(185,226,255,.12),transparent 34rem),var(--bg);background-size:100% 4px,auto,auto;color:var(--text);font-family:var(--font-mono)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%;display:block}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:#030405e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.top-actions,.top-actions button{display:flex;align-items:center}.brand{gap:12px;border:0;background:transparent;color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.36em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--primary);border-radius:50%;color:var(--primary);letter-spacing:0;box-shadow:0 0 24px #b9e2ff38}.top-actions{gap:8px}.top-actions button,.footer button,.text-action{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px;text-transform:uppercase;letter-spacing:.16em;transition:.18s ease}.top-actions button:hover,.footer button:hover{color:var(--primary);border-color:#b9e2ff59}.top-actions svg{width:18px;height:18px}.cart-dot{position:relative}.cart-dot span{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--primary);background:var(--bg);color:var(--primary);font-size:10px}.home,.page{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{min-height:calc(100vh - 145px);display:grid;align-content:center;justify-items:center;text-align:center;padding:56px 0;position:relative}.hero-orbit{width:min(320px,78vw);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;padding:18px;margin-bottom:28px;box-shadow:inset 0 0 60px #b9e2ff14,0 0 60px #b9e2ff1f}.hero-orbit img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:grayscale(.2) contrast(1.1)}.eyebrow,.section-label,.muted{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;font-size:11px}h1,h2,h3{font-family:var(--font-display);margin:0;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(54px,14vw,156px);line-height:.88;letter-spacing:.18em;margin-left:.18em}.hero-copy{width:min(620px,100%);color:#b9c3cc;line-height:1.7}.primary-btn,.ghost-btn,.chip,.mode-tabs button,.admin-tabs button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(185,226,255,.45);background:#b9e2ff14;color:var(--primary);padding:0 16px;text-transform:uppercase;letter-spacing:.18em;font-family:var(--font-display);font-size:12px;font-weight:700}.primary-btn:hover{background:#b9e2ff26;box-shadow:0 0 24px #b9e2ff1f}.ghost-btn,.chip,.mode-tabs button,.admin-tabs button{border-color:var(--line);background:var(--panel);color:var(--muted)}.ghost-btn:hover,.ghost-btn.active,.chip.active,.mode-tabs button.active,.admin-tabs button.active{border-color:#b9e2ff80;color:var(--primary)}.primary-btn.full,.ghost-btn.full{width:100%}.hero-stats{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.hero-stats span,.rarity,.product-card small{border:1px solid var(--line);color:var(--muted);padding:8px 12px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:32px 0 72px}.feature-grid .section-label{grid-column:1 / -1}.feature-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0}.feature-card,.panel,.summary-panel,.form-panel,.pay-card,.metric-card,.order-card,.product-card,.ticket-card,.wallet-card{border:1px solid var(--line);background:#0a0d0fdb}.feature-card{min-height:170px;padding:22px}.feature-card span{color:var(--primary);font-size:12px}.feature-card h3{margin:20px 0 10px;font-size:15px}.feature-card p{color:#a8b2bc;line-height:1.65;font-size:13px}.page{padding:36px 0 72px}.toolbar,.card-row,.profile-head,.drawer-head,.summary-line,.total-line,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar{margin-bottom:16px}.toolbar p{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.toolbar-actions{display:flex;gap:8px}.searchbar{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel-2);padding:0 14px;min-height:50px}.searchbar input,.drawer input,.drawer textarea,.drawer select,.form-panel input,.form-panel select,.form-panel textarea,.panel input,.panel textarea,.panel select,.profile input,.profile select,.fit-box input,.admin select,.admin input{width:100%;min-height:44px;border:1px solid var(--line);background:#07090b;color:var(--text);padding:0 12px;outline:none}textarea{min-height:110px;padding-top:12px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#b9e2ff8c}.searchbar input{border:0;background:transparent}.chips{display:flex;gap:8px;margin:16px 0 24px;overflow-x:auto}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{display:block;padding:0;text-align:left;color:inherit;transition:transform .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-2px);border-color:#b9e2ff8c}.product-card img{width:100%;aspect-ratio:1;object-fit:cover}.product-meta{padding:14px}.product-meta span,.product-meta p{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.product-meta h3{font-size:16px;margin:8px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px}.gallery{position:sticky;top:90px;align-self:start}.gallery-main{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.rarity{position:absolute;top:14px;left:14px;color:var(--primary);background:#000000ad}.gallery-prev,.gallery-next{position:absolute;top:45%;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#030405b3;color:var(--text)}.gallery-prev{left:12px}.gallery-next{right:12px}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.thumbs button{border:1px solid var(--line);padding:0;background:transparent}.thumbs button.active{border-color:var(--primary)}.thumbs img{aspect-ratio:1;object-fit:cover}.detail-panel{display:grid;gap:22px;align-content:start}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);background:transparent;border:0;padding:0;width:fit-content;text-transform:uppercase;letter-spacing:.16em}.detail-panel h1,.page h1{font-size:clamp(30px,6vw,62px);line-height:.95}.price{color:var(--primary);font-size:28px;font-family:var(--font-display)}.spec-grid,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spec-grid div,.metric-card{border:1px solid var(--line);background:var(--panel);padding:14px}.spec-grid span,.metric-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px}.variant-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.variant-row p{width:100%;color:var(--muted);font-size:11px;letter-spacing:.16em}.variant-row button,.size-grid button,.admin-actions button,.qc-actions button,.qty-row button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 12px}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-grid button{min-height:64px;display:grid;gap:4px;justify-items:center}.size-grid button.active{border-color:var(--primary);color:var(--primary)}.size-grid span{color:var(--muted);font-size:11px}.fit-box,.terminal-box{border:1px solid rgba(185,226,255,.25);background:#b9e2ff0d;padding:18px}.fit-box h3{font-size:14px}.fit-box p,.terminal-box p{color:var(--muted);line-height:1.6}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkout-grid,.dashboard-grid,.admin-grid{display:grid;grid-template-columns:1fr 380px;gap:18px;margin-top:24px}.dashboard-grid,.admin-grid{grid-template-columns:360px 1fr}.form-panel,.summary-panel,.panel,.pay-card{padding:20px}.form-panel,.panel{display:grid;gap:12px}.form-panel h2,.summary-panel h2,.panel h2{font-size:15px;margin:8px 0}.option-list{display:grid;gap:8px}.option-list button{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:14px}.option-list button.active{border-color:var(--primary)}.option-list span{display:block;color:var(--muted);margin-top:4px}.checkline{display:flex;align-items:center;gap:10px;color:var(--muted)}.checkline input{width:auto;min-height:auto}.summary-panel{position:sticky;top:92px;align-self:start}.summary-line,.total-line{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.total-line{color:var(--text);font-size:20px;border-bottom:0}.pay-page{display:grid;place-items:center}.pay-card{width:min(560px,100%);display:grid;gap:18px}.chain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chain-grid.single{grid-template-columns:1fr}.chain-grid button{min-height:54px;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px}.chain-grid button.active{color:var(--primary);border-color:var(--primary)}code{display:block;border:1px solid var(--line);background:#050607;color:var(--primary);padding:12px;overflow-wrap:anywhere}.profile-head{margin-bottom:22px}.wallet-card{min-width:230px;padding:18px}.wallet-card svg,.metric-card svg{color:var(--primary)}.wallet-card span,.wallet-card strong{display:block;margin-top:8px}.wide{grid-column:span 1}.order-card{display:grid;gap:12px;padding:16px;margin-bottom:12px}.order-card p{color:var(--muted)}.order-item{display:grid;grid-template-columns:82px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:12px}.order-item>img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.qc-photos{display:flex;gap:6px;margin:8px 0}.qc-photos img{width:70px;height:70px;object-fit:cover;border:1px solid var(--line)}.qc-actions,.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-tabs{display:flex;gap:8px;margin:22px 0;flex-wrap:wrap}.admin-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card strong{font-size:32px;font-family:var(--font-display)}.admin-row{width:100%;min-height:48px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 12px;text-align:left}.admin-row.active{border-color:var(--primary);color:var(--primary)}.admin-card{border:1px solid var(--line);background:var(--panel);padding:14px;display:grid;gap:10px}details.admin-card summary{cursor:pointer;list-style:none}details.admin-card summary::-webkit-details-marker{display:none}.admin-card p{color:var(--muted);line-height:1.55;margin:0}.admin-form-grid,.stock-grid,.admin-info-grid{display:grid;gap:10px}.admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-grid,.admin-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-field{display:grid;gap:6px}.admin-field span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.admin-order-items,.message-list{display:grid;gap:8px}.message-list{border:1px solid var(--line);background:#06080a;padding:10px;max-height:220px;overflow:auto}.message-list p{border-bottom:1px solid var(--line);padding-bottom:8px}.message-list p:last-child{border-bottom:0;padding-bottom:0}.legal .panel{margin-top:24px;line-height:1.8}.drawer-wrap{position:fixed;inset:0;z-index:60}.drawer-backdrop{position:absolute;inset:0;width:100%;border:0;background:#0000009e}.drawer{position:absolute;top:0;right:0;width:min(420px,100%);height:100%;overflow-y:auto;border-left:1px solid var(--line);background:#050709fa;padding:18px}.drawer-head{min-height:48px;border-bottom:1px solid var(--line);margin-bottom:16px}.drawer-head button{border:0;background:transparent;color:var(--muted)}.drawer-stack{display:grid;gap:12px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cart-line{display:grid;grid-template-columns:86px 1fr;gap:12px;border:1px solid var(--line);padding:10px}.cart-line img{aspect-ratio:1;object-fit:cover}.qty-row{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-row button{width:28px;height:28px;padding:0}.ticket-card{padding:12px}.error{color:var(--danger);font-size:12px}.empty,.gate{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.22em}.gate{min-height:60vh;align-content:center;gap:18px}.gate svg{color:var(--primary)}.toast{position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid var(--primary);background:var(--panel);color:var(--primary);padding:14px 16px;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-height:86px;padding:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:980px){.feature-grid,.product-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.checkout-grid,.dashboard-grid,.admin-grid,.admin-form-grid{grid-template-columns:1fr}.gallery,.summary-panel{position:static}}@media(max-width:640px){.topbar{padding:0 12px}.brand{letter-spacing:.16em}.text-action{display:none}.feature-grid,.product-grid,.metric-grid,.feature-grid.compact,.spec-grid{grid-template-columns:1fr}.toolbar,.profile-head{align-items:flex-start;flex-direction:column}.toolbar-actions,.chain-grid,.two-fields,.size-grid,.stock-grid,.admin-info-grid{width:100%;grid-template-columns:repeat(2,1fr)}.admin-title,.card-row{align-items:flex-start;flex-direction:column}.hero h1{font-size:48px}.page{width:min(100% - 24px,1180px)}}