.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;box-shadow:0 -4px 12px #00000026;z-index:9999;animation:slideUp .3s ease-out}.pwa-install-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:16px}.pwa-install-content span{flex:1;font-size:15px;font-weight:500}.pwa-install-content button{white-space:nowrap;padding:8px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}#pwa-install-btn{background:#fff;color:#667eea}#pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}#pwa-dismiss-btn{background:transparent;color:#fff;border:2px solid white}#pwa-dismiss-btn:hover{background:#ffffff1a}.pwa-update-notification{position:fixed;top:20px;right:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideInRight .3s ease-out;border-left:4px solid #667eea}.pwa-update-content{display:flex;align-items:center;gap:16px}.pwa-update-content span{font-size:14px;font-weight:500;color:#2d3748}#pwa-reload-btn{padding:6px 12px;font-size:13px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}#pwa-reload-btn:hover{background:#5568d3;transform:translateY(-1px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.pwa-install-content{flex-direction:column;align-items:stretch;gap:12px}.pwa-install-content button{width:100%}.pwa-update-notification{top:10px;right:10px;left:10px;max-width:calc(100% - 20px)}.pwa-update-content{flex-direction:column;align-items:stretch;gap:12px}#pwa-reload-btn{width:100%}}:is(#content-inventory,.ui-sheet.inv-ss,#content-binders,.bd-ss,#content-card-search,.cs-ss,#content-settings,.st-ss,#content-guide,#add-menu){--ss-brand: #6258C9;--ss-brand-hover: #5147B5;--ss-brand-pressed: #443A9E;--ss-brand-soft: #EEECFF;--ss-brand-soft-hover: #E4E1FF;--ss-brand-border: #D6D1FF;--ss-canvas: #F8F7F4;--ss-surface: #FFFFFF;--ss-surface-subtle: #F2F1EE;--ss-surface-pressed: #EAE9E5;--ss-segment: #EFEDE8;--ss-ink: #252A40;--ss-text-secondary: #626779;--ss-text-quiet: #5B6075;--ss-text-muted: #818595;--ss-border: #E4E3DF;--ss-border-hover: #CFCDC7;--ss-border-strong: #C9C9D2;--ss-border-control-hover: #B4B4C0;--ss-gain: #2F8F6F;--ss-loss: #C94F5D;--ss-gain-soft: #E5F4EE;--ss-loss-soft: #FCEBED;--ss-info: #3566B8;--ss-info-soft: #EAF1FC;--ss-count-bg: #252A40;--ss-count-fg: #FFFFFF;--ss-shadow-sm: 0 1px 2px rgba(37, 42, 64, .06);--ss-shadow-lg: 0 16px 40px rgba(37, 42, 64, .18);--ss-ring: 0 0 0 2px var(--ss-surface), 0 0 0 4px var(--ss-brand);--ss-ease: cubic-bezier(.2, 0, 0, 1)}:is(#content-inventory,.ui-sheet.inv-ss,#content-binders,.bd-ss,#content-card-search,.cs-ss,#content-settings,.st-ss,#content-guide,#add-menu){--theme-bg: var(--ss-canvas);--theme-inv-shell: var(--ss-canvas);--theme-surface: var(--ss-surface);--theme-surface-raised: var(--ss-surface);--theme-surface-sunken: var(--ss-surface-subtle);--theme-border: var(--ss-border);--theme-border-subtle: var(--ss-border);--theme-text: var(--ss-ink);--theme-text-sub: var(--ss-text-secondary);--theme-text-muted: var(--ss-text-muted);--theme-accent: var(--ss-brand);--theme-accent-bg: var(--ss-brand-soft);--theme-accent-border: var(--ss-brand-border);--theme-positive: var(--ss-gain);--theme-negative: var(--ss-loss);--theme-positive-bg: var(--ss-gain-soft);--theme-negative-bg: var(--ss-loss-soft);--theme-shadow: var(--ss-shadow-sm);--theme-shadow-lg: var(--ss-shadow-lg);--theme-inv-card: var(--ss-surface);--theme-inv-card-border: var(--ss-border);--theme-inv-metric-bg: var(--ss-brand-soft);--theme-inv-metric-border: var(--ss-brand-border);--theme-inv-chip-bg: var(--ss-brand-soft);--theme-inv-chip-border: var(--ss-brand-border);--theme-sold-detail-bg: var(--ss-surface);--theme-modal-bg: var(--ss-surface);--theme-input-bg: var(--ss-surface);--theme-input-border: var(--ss-border-strong);--theme-input-focus-border: var(--ss-brand);--theme-inv-search-bg: var(--ss-surface);--theme-inv-search-border: var(--ss-border-strong);--theme-inv-search-text: var(--ss-ink);--theme-inv-search-placeholder: var(--ss-text-muted);--theme-chart-bg: var(--ss-surface);--theme-chart-border: var(--ss-border);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=pure-black]) :is(#content-inventory,.ui-sheet.inv-ss,#content-binders,.bd-ss,#content-card-search,.cs-ss,#content-settings,.st-ss,#content-guide,#add-menu){--ss-brand: #8F87EC;--ss-brand-hover: #A19AF0;--ss-brand-pressed: #CBC6FF;--ss-brand-soft: rgba(143, 135, 236, .18);--ss-brand-soft-hover: rgba(143, 135, 236, .26);--ss-brand-border: rgba(143, 135, 236, .38);--ss-canvas: #14162A;--ss-surface: #1E2135;--ss-surface-subtle: #272A40;--ss-surface-pressed: #30344C;--ss-segment: #272A40;--ss-ink: #ECECF3;--ss-text-secondary: #A4A8BC;--ss-text-quiet: #A4A8BC;--ss-text-muted: #7D8197;--ss-border: #2E3149;--ss-border-hover: #41455F;--ss-border-strong: #41455F;--ss-border-control-hover: #565A76;--ss-gain: #5CC9A3;--ss-loss: #F08A95;--ss-gain-soft: rgba(92, 201, 163, .14);--ss-loss-soft: rgba(240, 138, 149, .14);--ss-info: #8DB0EE;--ss-info-soft: rgba(141, 176, 238, .16);--ss-count-bg: #ECECF3;--ss-count-fg: #14162A;--ss-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ss-shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}}html[data-theme=pure-black] :is(#content-inventory,.ui-sheet.inv-ss,#content-binders,.bd-ss,#content-card-search,.cs-ss,#content-settings,.st-ss,#content-guide,#add-menu){--ss-brand: #8F87EC;--ss-brand-hover: #A19AF0;--ss-brand-pressed: #CBC6FF;--ss-brand-soft: rgba(143, 135, 236, .2);--ss-brand-soft-hover: rgba(143, 135, 236, .28);--ss-brand-border: rgba(143, 135, 236, .4);--ss-canvas: #000000;--ss-surface: #1C1C1E;--ss-surface-subtle: #2C2C2E;--ss-surface-pressed: #3A3A3C;--ss-segment: #2C2C2E;--ss-ink: #FFFFFF;--ss-text-secondary: rgba(235, 235, 245, .6);--ss-text-quiet: rgba(235, 235, 245, .6);--ss-text-muted: rgba(235, 235, 245, .35);--ss-border: rgba(255, 255, 255, .1);--ss-border-hover: rgba(255, 255, 255, .18);--ss-border-strong: rgba(255, 255, 255, .18);--ss-border-control-hover: rgba(255, 255, 255, .28);--ss-gain: #30D158;--ss-loss: #FF453A;--ss-gain-soft: rgba(48, 209, 88, .12);--ss-loss-soft: rgba(255, 69, 58, .12);--ss-info: #64A8FF;--ss-info-soft: rgba(100, 168, 255, .16);--ss-count-bg: #FFFFFF;--ss-count-fg: #000000;--ss-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--ss-shadow-lg: 0 16px 40px rgba(0, 0, 0, .7)}