:root{--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #949ba4;--accent-gold: #f0b132;--accent-green: #57f287;--accent-red: #ed4245;--accent-blue: #5865f2;--border-radius: 8px;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--sait: var(--discord-safe-area-inset-top, env(safe-area-inset-top));--saib: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom));--sail: var(--discord-safe-area-inset-left, env(safe-area-inset-left));--sair: var(--discord-safe-area-inset-right, env(safe-area-inset-right))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-left:var(--sail);padding-right:var(--sair);padding-top:var(--sait);padding-bottom:var(--saib)}#app{max-width:800px;margin:0 auto;padding:0 16px 24px}.loading,.error,.empty-state,.empty-hint{text-align:center;padding:32px 16px;color:var(--text-secondary)}.error{color:var(--accent-red)}#nav-bar{display:flex;gap:4px;padding:12px 0;border-bottom:1px solid var(--bg-tertiary);margin-bottom:16px;position:sticky;top:0;background:var(--bg-primary);z-index:10}.nav-tab{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;transition:background .15s,color .15s}.nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.balance-bar{display:flex;align-items:center;gap:24px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:16px;font-size:15px;font-weight:500}.balance-coins{display:flex;align-items:center;gap:6px;color:var(--accent-gold)}.balance-exp{color:var(--accent-blue)}.coin-icon{width:20px;height:20px;vertical-align:middle}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.item-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--card-shadow);border-left:3px solid var(--accent-gold);transition:transform .1s}.item-card:hover{transform:translateY(-1px)}.item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-name-wrap{display:flex;align-items:center;gap:8px}.item-name{font-size:16px;font-weight:600}.role-color-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px #00000040}.effect-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500;white-space:nowrap}.effect-multiplier{background:#5865f233;color:var(--accent-blue)}.effect-role{background:#57f28733;color:var(--accent-green)}.effect-lootbox{background:#f0b23233;color:var(--accent-gold)}.effect-coins{background:#57f28733;color:var(--accent-green)}.item-description{font-size:13px;color:var(--text-secondary);line-height:1.4;flex:1}.item-footer{display:flex;align-items:center;justify-content:space-between;font-size:14px}.item-price{display:flex;align-items:center;gap:4px;color:var(--accent-gold);font-weight:600}.item-stock{color:var(--text-muted);font-size:12px}.item-stock.sold-out{color:var(--accent-red);font-weight:600}.btn{border:none;border-radius:var(--border-radius);padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-buy{background:var(--accent-green);color:#000}.btn-buy:hover:not(:disabled){background:#3dd96f}.btn-gift{background:var(--accent-gold);color:#1e1f22}.btn-gift:hover:not(:disabled){background:#d9a02f}.btn-cart{background:var(--accent-blue)}.btn-cart:hover:not(:disabled){background:#4752c4}.item-actions{display:flex;gap:8px;margin-top:4px}.item-actions .btn{flex:1;padding:6px 10px;font-size:13px}.shop-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.btn-cart-open{background:var(--accent-blue)}.btn-cart-open:hover:not(:disabled){background:#4752c4}.btn-use{background:var(--accent-blue);padding:6px 16px}.btn-use:hover:not(:disabled){background:#4752c4}.btn-confirm{background:var(--accent-green);color:#000}.btn-confirm:hover:not(:disabled){background:#3dd96f}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary)}.btn-cancel:hover{background:#161719}.btn-small{padding:6px 12px;font-size:13px;background:var(--bg-tertiary);color:var(--text-primary)}.btn-small:hover{background:#161719}.btn-danger{background:var(--accent-red)}.btn-danger:hover{background:#d63a3d}.inventory-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;letter-spacing:.5px}.inventory-list{display:flex;flex-direction:column;gap:8px}.inventory-entry{display:flex;flex-direction:column;gap:0}.inventory-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--border-radius);cursor:pointer}.inventory-row.active-item{border-left:3px solid var(--accent-green)}.inventory-row-actions{display:flex;align-items:center;gap:8px}.inventory-toggle{border:none;background:transparent;color:var(--text-secondary);font-size:14px;line-height:1;padding:4px 6px;cursor:pointer;transition:transform .15s ease}.inventory-entry.expanded .inventory-toggle{transform:rotate(180deg)}.inventory-description{background:#26282d;border-radius:0 0 var(--border-radius) var(--border-radius);margin-top:-4px;padding:10px 16px 12px;color:var(--text-secondary);font-size:13px;line-height:1.4}.inventory-description.hidden{display:none}.inventory-item-info{display:flex;flex-direction:column;gap:2px}.inventory-item-name{font-weight:500;font-size:14px}.inventory-item-effect{font-size:12px;color:var(--text-muted)}.active-badge{font-size:12px;padding:2px 10px;border-radius:12px;background:#57f28733;color:var(--accent-green);font-weight:500}.consumable-warning{color:var(--accent-gold);font-size:13px;font-style:italic}.gift-coins-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gift-coins-form input{min-width:160px}.exchange-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:24px}.exchange-rate{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.exchange-form{display:flex;flex-direction:column;gap:16px}.exchange-input-row{display:flex;align-items:center;gap:12px}.exchange-input-row label{font-size:14px;color:var(--text-secondary)}.exchange-input-row input{flex:1;max-width:200px}.exchange-preview{font-size:14px;color:var(--text-secondary)}.exchange-preview strong{color:var(--accent-gold)}input[type=text],input[type=number],textarea,select{background:var(--bg-tertiary);border:1px solid #3f4147;border-radius:4px;color:var(--text-primary);padding:8px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue)}textarea{resize:vertical;min-height:60px}.admin-section{margin-bottom:28px}.rate-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rate-hint{font-size:12px;color:var(--text-muted)}.item-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);flex:1;min-width:140px}.checkbox-label{align-self:flex-end;flex-direction:row!important;align-items:center;gap:8px!important}.form-hint{font-size:11px;color:var(--text-muted)}.effect-fields.hidden{display:none}select[name=loot_item_ids]{min-height:220px}.loot-chance-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.loot-chance-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.loot-chance-label{font-size:12px;color:var(--text-secondary)}.loot-chance-input{width:100px}.loot-chance-total{margin-top:6px;font-size:12px;color:var(--accent-green);font-weight:600}.loot-chance-total.invalid{color:var(--accent-red)}.admin-item-list{display:flex;flex-direction:column;gap:8px}.admin-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--border-radius)}.admin-item-info{display:flex;align-items:center;gap:16px;font-size:14px}.admin-item-price{color:var(--accent-gold)}.admin-item-type{color:var(--accent-blue);font-size:12px;font-weight:600}.admin-item-stock{color:var(--text-muted);font-size:12px}.admin-item-visibility{font-size:12px;padding:2px 8px;border-radius:12px}.admin-item-visibility.visible{color:var(--accent-green);background:#57f28726}.admin-item-visibility.hidden{color:var(--accent-red);background:#ed424526}.admin-item-actions{display:flex;gap:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-overlay.hidden{display:none}.modal{background:var(--bg-secondary);border-radius:12px;padding:24px;max-width:420px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 4px 16px #0006}.modal-wide{max-width:560px}.modal-cart{max-width:760px}.modal-title{font-size:18px;margin-bottom:16px}.modal-body{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-body strong{color:var(--text-primary)}.modal-price,.modal-balance{margin:4px 0}.purchase-modal{display:flex;flex-direction:column;gap:12px}.purchase-summary{display:flex;flex-direction:column;gap:4px}.profile-preview{border:1px solid #3f4147;border-radius:var(--border-radius);background:var(--bg-tertiary);padding:12px}.profile-preview-line{display:flex;align-items:center;gap:10px}.profile-preview-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);background:#5865f2}.profile-preview-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-preview-row{display:flex;align-items:center}.profile-preview-username{font-weight:600;font-size:15px}.profile-preview-role{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.profile-preview-hex{margin-top:8px;color:var(--text-muted);font-size:12px}.lootbox-preview{border:1px solid #3f4147;border-radius:var(--border-radius);background:var(--bg-tertiary);padding:12px}.lootbox-preview-title{font-weight:600;margin-bottom:8px;color:var(--text-primary)}.lootbox-preview-list{margin:0;padding-left:18px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.role-preview-icon{width:18px;height:18px;border-radius:50%}.role-preview-emoji{font-size:16px}.gift-input-label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:13px}.cart-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto;padding-right:4px}.cart-row{display:grid;grid-template-columns:minmax(120px,1fr) 88px minmax(150px,1fr) auto;align-items:center;gap:8px;border:1px solid #3f4147;border-radius:var(--border-radius);background:var(--bg-tertiary);padding:10px}.cart-item-info{display:flex;flex-direction:column;gap:2px}.cart-item-title{color:var(--text-primary);font-weight:600;font-size:13px}.cart-item-meta{color:var(--text-muted);font-size:12px}.cart-qty,.cart-recipient{width:100%}.cart-totals{margin-top:8px;border:1px solid #3f4147;border-radius:var(--border-radius);background:var(--bg-tertiary);padding:10px;display:flex;flex-direction:column;gap:4px}.cart-totals-negative{border-color:#ed424599}.cart-summary-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.cart-summary-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #3f4147;border-radius:var(--border-radius);background:var(--bg-tertiary)}.cart-summary-item{display:flex;flex-direction:column;gap:2px;color:var(--text-primary)}.cart-summary-recipient{color:var(--text-muted);font-size:12px}.cart-summary-cost{color:var(--accent-gold);font-weight:600;white-space:nowrap}.modal-actions{display:flex;gap:12px;justify-content:flex-end}#toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--border-radius);font-size:14px;font-weight:500;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;pointer-events:auto;max-width:320px}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--accent-green);color:#000}.toast-error{background:var(--accent-red);color:#fff}.toast-info{background:var(--accent-blue);color:#fff}@media(max-width:480px){#app{padding-left:20px;padding-right:20px;padding-top:14px;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:36px;padding-bottom:calc(36px + env(safe-area-inset-bottom))}#nav-bar{padding-top:14px}.item-grid{grid-template-columns:1fr}.exchange-input-row{flex-wrap:wrap}.form-row{flex-direction:column}.admin-item-row{flex-direction:column;align-items:flex-start;gap:8px}.admin-item-actions{width:100%;justify-content:flex-end}#nav-bar{overflow-x:auto}.modal{padding:16px}.cart-row{grid-template-columns:1fr}}