:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-tertiary: #1a1a3a;--bg-elevated: #20204a;--gold: #FFD700;--gold-light: #FFE44D;--gold-dark: #FFA500;--gold-muted: rgba(255, 215, 0, .15);--gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--gold-gradient-hover: linear-gradient(135deg, #FFE44D 0%, #FFD700 100%);--gold-text-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);--gold-shimmer: linear-gradient( 90deg, #FFD700 0%, #FFE44D 25%, #FFA500 50%, #FFE44D 75%, #FFD700 100% );--blue: #4488FF;--blue-light: #66AAFF;--blue-dark: #2266DD;--blue-muted: rgba(68, 136, 255, .15);--positive: #00E676;--positive-bg: rgba(0, 230, 118, .12);--negative: #FF5252;--negative-bg: rgba(255, 82, 82, .12);--warning: #FFB74D;--warning-bg: rgba(255, 183, 77, .12);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .25);--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-bg-active: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .14);--glass-border-gold: rgba(255, 215, 0, .2);--glass-blur: 20px;--glass-blur-heavy: 40px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--glass-shadow-gold: 0 8px 32px rgba(255, 215, 0, .08);--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-xxxl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.5rem;--font-xxl: 2rem;--font-display: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .3s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-card: 10;--z-nav: 100;--z-modal-backdrop: 500;--z-modal: 600;--z-toast: 700;--z-spinner-overlay: 800;--max-width: 480px;--nav-height: 64px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}html[data-theme=ocean]{--bg-primary: #0a1628;--bg-secondary: #0f1f38;--bg-tertiary: #162d4d;--bg-elevated: #1d3a63;--gold: #00D4FF;--gold-light: #33DFFF;--gold-dark: #0099CC;--gold-muted: rgba(0, 212, 255, .15);--gold-gradient: linear-gradient(135deg, #00D4FF 0%, #0099CC 100%);--gold-gradient-hover: linear-gradient(135deg, #33DFFF 0%, #00D4FF 100%);--gold-text-gradient: linear-gradient(135deg, #00D4FF 0%, #0099CC 50%, #00D4FF 100%);--gold-shimmer: linear-gradient(90deg, #00D4FF 0%, #33DFFF 25%, #0099CC 50%, #33DFFF 75%, #00D4FF 100%);--glass-bg: rgba(0, 100, 180, .06);--glass-bg-hover: rgba(0, 100, 180, .1);--glass-bg-active: rgba(0, 100, 180, .14);--glass-border: rgba(0, 180, 255, .1);--glass-border-hover: rgba(0, 180, 255, .18);--glass-border-gold: rgba(0, 212, 255, .2);--glass-shadow-gold: 0 8px 32px rgba(0, 212, 255, .08)}html[data-theme=emerald]{--bg-primary: #0a1a12;--bg-secondary: #0f2419;--bg-tertiary: #163324;--bg-elevated: #1d4230;--gold: #50E67A;--gold-light: #7AFF99;--gold-dark: #2ECC5E;--gold-muted: rgba(80, 230, 122, .15);--gold-gradient: linear-gradient(135deg, #50E67A 0%, #2ECC5E 100%);--gold-gradient-hover: linear-gradient(135deg, #7AFF99 0%, #50E67A 100%);--gold-text-gradient: linear-gradient(135deg, #50E67A 0%, #2ECC5E 50%, #50E67A 100%);--gold-shimmer: linear-gradient(90deg, #50E67A 0%, #7AFF99 25%, #2ECC5E 50%, #7AFF99 75%, #50E67A 100%);--glass-bg: rgba(0, 120, 50, .06);--glass-bg-hover: rgba(0, 120, 50, .1);--glass-bg-active: rgba(0, 120, 50, .14);--glass-border: rgba(50, 200, 100, .1);--glass-border-hover: rgba(50, 200, 100, .18);--glass-border-gold: rgba(80, 230, 122, .2);--glass-shadow-gold: 0 8px 32px rgba(80, 230, 122, .08)}html[data-theme=sunset]{--bg-primary: #1a0a0a;--bg-secondary: #241010;--bg-tertiary: #331818;--bg-elevated: #422020;--gold: #FF8C42;--gold-light: #FFAB6B;--gold-dark: #E06B20;--gold-muted: rgba(255, 140, 66, .15);--gold-gradient: linear-gradient(135deg, #FF8C42 0%, #E06B20 100%);--gold-gradient-hover: linear-gradient(135deg, #FFAB6B 0%, #FF8C42 100%);--gold-text-gradient: linear-gradient(135deg, #FF8C42 0%, #E06B20 50%, #FF8C42 100%);--gold-shimmer: linear-gradient(90deg, #FF8C42 0%, #FFAB6B 25%, #E06B20 50%, #FFAB6B 75%, #FF8C42 100%);--glass-bg: rgba(180, 60, 0, .06);--glass-bg-hover: rgba(180, 60, 0, .1);--glass-bg-active: rgba(180, 60, 0, .14);--glass-border: rgba(255, 140, 66, .1);--glass-border-hover: rgba(255, 140, 66, .18);--glass-border-gold: rgba(255, 140, 66, .2);--glass-shadow-gold: 0 8px 32px rgba(255, 140, 66, .08)}html[data-theme=rose]{--bg-primary: #1a0a18;--bg-secondary: #240f22;--bg-tertiary: #33182f;--bg-elevated: #42203d;--gold: #FF6EB4;--gold-light: #FF99CC;--gold-dark: #E04E94;--gold-muted: rgba(255, 110, 180, .15);--gold-gradient: linear-gradient(135deg, #FF6EB4 0%, #E04E94 100%);--gold-gradient-hover: linear-gradient(135deg, #FF99CC 0%, #FF6EB4 100%);--gold-text-gradient: linear-gradient(135deg, #FF6EB4 0%, #E04E94 50%, #FF6EB4 100%);--gold-shimmer: linear-gradient(90deg, #FF6EB4 0%, #FF99CC 25%, #E04E94 50%, #FF99CC 75%, #FF6EB4 100%);--glass-bg: rgba(180, 0, 120, .06);--glass-bg-hover: rgba(180, 0, 120, .1);--glass-bg-active: rgba(180, 0, 120, .14);--glass-border: rgba(255, 110, 180, .1);--glass-border-hover: rgba(255, 110, 180, .18);--glass-border-gold: rgba(255, 110, 180, .2);--glass-shadow-gold: 0 8px 32px rgba(255, 110, 180, .08)}html[data-theme=arctic]{--bg-primary: #0a1420;--bg-secondary: #101e30;--bg-tertiary: #182a40;--bg-elevated: #203650;--gold: #88CCFF;--gold-light: #AADDFF;--gold-dark: #5599DD;--gold-muted: rgba(136, 204, 255, .15);--gold-gradient: linear-gradient(135deg, #88CCFF 0%, #5599DD 100%);--gold-gradient-hover: linear-gradient(135deg, #AADDFF 0%, #88CCFF 100%);--gold-text-gradient: linear-gradient(135deg, #88CCFF 0%, #5599DD 50%, #88CCFF 100%);--gold-shimmer: linear-gradient(90deg, #88CCFF 0%, #AADDFF 25%, #5599DD 50%, #AADDFF 75%, #88CCFF 100%);--glass-bg: rgba(80, 140, 200, .06);--glass-bg-hover: rgba(80, 140, 200, .1);--glass-bg-active: rgba(80, 140, 200, .14);--glass-border: rgba(136, 204, 255, .1);--glass-border-hover: rgba(136, 204, 255, .18);--glass-border-gold: rgba(136, 204, 255, .2);--glass-shadow-gold: 0 8px 32px rgba(136, 204, 255, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(68,136,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(255,215,0,.04) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,#12122a,#0a0a1a);background-attachment:fixed;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,#root,.app-container{max-width:var(--max-width);margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--blue-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#ffd70040;color:var(--text-primary)}.onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-xl);text-align:center;animation:fadeIn .6s ease forwards}.onboarding-icon{width:96px;height:96px;margin-bottom:var(--space-xl);border-radius:var(--radius-xxl);background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 8px 32px #ffd70033,0 0 0 1px #ffd7004d;animation:pulse 3s ease-in-out infinite;position:relative}.onboarding-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:var(--gold-gradient);opacity:.15;filter:blur(16px);z-index:-1}.onboarding-logo{width:96px;height:96px;border-radius:var(--radius-xxl);object-fit:cover;margin-bottom:var(--space-xl);box-shadow:0 8px 32px #ffd70033,0 0 0 1px #ffd7004d;animation:pulse 3s ease-in-out infinite}.onboarding-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);background:var(--gold-text-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.onboarding-subtitle{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-xxl);max-width:320px;line-height:var(--line-height-normal)}.onboarding-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-md)}.onboarding-form .form-group{text-align:left}.onboarding-form label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.onboarding-steps{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.onboarding-step.active{width:48px;background:var(--gold-gradient)}.onboarding-step.completed{background:var(--gold);opacity:.5}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-md);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-lg)}.glass-card:active{transform:scale(.985);background:var(--glass-bg-active)}.glass-card--gold{border-color:var(--glass-border-gold);box-shadow:var(--glass-shadow-gold)}.glass-card--gold:hover{border-color:#ffd70059;box-shadow:0 12px 40px #ffd7001f}.glass-card--flat{box-shadow:none}.glass-card--no-pad{padding:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--nav-height);padding-bottom:var(--safe-area-bottom);background:#0a0a1ad9;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-nav);transition:transform var(--transition-smooth)}.bottom-nav--hidden{transform:translate(-50%) translateY(100%)}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-base);position:relative;min-width:56px;-webkit-tap-highlight-color:transparent}.nav-btn .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-base)}.nav-btn .nav-icon svg{width:22px;height:22px;fill:currentColor;transition:fill var(--transition-base)}.nav-btn .nav-label{font-size:var(--font-xs);letter-spacing:.2px;transition:color var(--transition-base)}.nav-btn:hover{color:var(--text-secondary)}.nav-btn.active{color:var(--gold)}.nav-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--gold-gradient);border-radius:0 0 var(--radius-full) var(--radius-full);box-shadow:0 2px 8px #ffd70066}.nav-btn.active .nav-icon{transform:translateY(-1px)}.nav-icon-img{width:28px;height:28px;object-fit:contain;border-radius:50%;transition:all var(--transition-base);opacity:.6;filter:grayscale(30%)}.nav-btn.active .nav-icon-img{opacity:1;filter:none;transform:translateY(-1px)}.nav-btn:active{transform:scale(.92)}.nav-btn .nav-badge{position:absolute;top:2px;right:8px;min-width:16px;height:16px;background:var(--negative);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #ff525266}.screen{display:none;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-md));animation:fadeIn .25s ease forwards}.screen.active{display:flex}.header-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:var(--space-sm)}.screen-header{position:sticky;top:0;z-index:var(--z-card);display:flex;align-items:center;justify-content:flex-start;padding:var(--space-md);min-height:var(--header-height);background:#0a0a1acc;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.screen-header-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.screen-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.screen-content{flex:1;padding:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.screen-content>*+*{margin-top:var(--space-md)}.screen-section{margin-bottom:var(--space-lg)}.screen-section-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm);padding:0 var(--space-xs)}.portfolio-header{padding:var(--space-lg) var(--space-md) var(--space-xl);text-align:center;position:relative}.portfolio-header:after{content:"";position:absolute;bottom:0;left:var(--space-xl);right:var(--space-xl);height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.portfolio-greeting{font-size:var(--font-base);color:var(--text-tertiary);margin-bottom:var(--space-xs)}.portfolio-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-sm)}.total-value{font-size:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-1px;background:var(--gold-text-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);position:relative}.total-value .currency-symbol{font-size:.6em;vertical-align:super;margin-right:2px}.total-value .cents{font-size:.5em;opacity:.7}.value-change{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.value-change.positive{color:var(--positive);background:var(--positive-bg)}.value-change.negative{color:var(--negative);background:var(--negative-bg)}.value-change .change-arrow{font-size:10px}.value-change .change-amount{font-weight:var(--font-weight-bold)}.value-change .change-percent{opacity:.8}.portfolio-summary{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-md)}.portfolio-summary-item{text-align:center}.portfolio-summary-value{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.portfolio-summary-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--space-xxs)}.item-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-smooth);cursor:pointer;position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.item-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--glass-shadow)}.item-card:active{transform:scale(.98)}.item-card+.item-card{margin-top:var(--space-sm)}.item-card-image{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.item-card-image img{width:100%;height:100%;object-fit:cover}.item-card-image .placeholder-icon{font-size:24px;color:var(--text-tertiary)}.item-card-info{flex:1;min-width:0}.item-card-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-xxs)}.item-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-tertiary)}.item-group-badge{font-size:.65rem;padding:1px 6px;border-radius:8px;background:#ffd70026;color:var(--gold);border:1px solid rgba(255,215,0,.3);white-space:nowrap}.item-card-values{text-align:right;flex-shrink:0}.item-card-price{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xxs)}.item-card-change{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.item-card-change.up{color:var(--positive)}.item-card-change.down{color:var(--negative)}.item-card-pct{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:4px;margin-top:2px}.item-card-pct.up{color:var(--positive);background:#4caf501f}.item-card-pct.down{color:var(--negative);background:#f443361f}.item-card-pct.neutral{color:var(--text-secondary)}.item-card-change.neutral{color:var(--text-tertiary)}.item-card--featured{border-color:var(--glass-border-gold);background:linear-gradient(135deg,rgba(255,215,0,.03) 0%,var(--glass-bg) 100%)}.item-card--featured:hover{border-color:#ffd7004d;box-shadow:var(--glass-shadow-gold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.modal.active{display:flex;align-items:flex-end;justify-content:center}.modal-handle{width:36px;height:4px;background:#fff3;border-radius:var(--radius-full);margin:var(--space-sm) auto var(--space-xs);flex-shrink:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md) var(--space-md);flex-shrink:0}.modal-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--glass-bg);color:var(--text-secondary);font-size:18px;transition:all var(--transition-base)}.modal-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.modal-content{width:100%;max-width:var(--max-width);max-height:90vh;max-height:90dvh;background:var(--bg-secondary);border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;border:1px solid var(--glass-border);border-bottom:none;box-shadow:0 -16px 64px #00000080;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-lg) var(--space-md) var(--space-xxl);animation:slideUp .3s ease forwards}.modal-content>*+*{margin-top:var(--space-md)}.modal-footer{padding:var(--space-md);border-top:1px solid var(--glass-border);display:flex;gap:var(--space-sm);flex-shrink:0;padding-bottom:calc(var(--space-md) + var(--safe-area-bottom))}.modal--fullscreen{max-height:100vh;max-height:100dvh;border-radius:0;top:0;right:0;bottom:0;left:0;transform:translate(-50%) translateY(0);opacity:0;visibility:hidden}.modal--fullscreen.active{opacity:1;visibility:visible}.search-bar{position:relative;margin-bottom:var(--space-md)}.search-bar .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:16px;pointer-events:none}.search-bar input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) 44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-base)}.search-bar input:focus{outline:none;border-color:var(--gold);background:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffd7001a}.search-bar input::placeholder{color:var(--text-tertiary)}.search-results{display:flex;flex-direction:column;gap:var(--space-sm)}.search-results-count{font-size:var(--font-sm);color:var(--text-tertiary);padding:var(--space-xs) 0}.search-result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.search-result-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.search-result-item:active{transform:scale(.98)}.glass-input{width:100%;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);line-height:var(--line-height-normal);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.glass-input:focus{outline:none;border-color:var(--gold);background:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffd7001a}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input:disabled{opacity:.5;cursor:not-allowed}.glass-input--error{border-color:var(--negative);box-shadow:0 0 0 3px var(--negative-bg)}.glass-input--success{border-color:var(--positive)}.glass-select{width:100%;padding:var(--space-md);padding-right:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.5)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.glass-select:focus{outline:none;border-color:var(--gold);background-color:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffd7001a}.glass-select option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-sm)}.glass-textarea{width:100%;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);line-height:var(--line-height-normal);resize:vertical;min-height:80px;transition:all var(--transition-base)}.glass-textarea:focus{outline:none;border-color:var(--gold);background:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffd7001a}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.input-error{font-size:var(--font-xs);color:var(--negative)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--gold-gradient);color:#0a0a1a;font-size:var(--font-base);font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;letter-spacing:.3px;text-transform:none;box-shadow:0 4px 16px #ffd70040}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold-gradient-hover);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 6px 24px #ffd70059;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 12px #ffd70033}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:before{display:none}.btn-primary span{position:relative;z-index:1}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-weight-semibold);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-secondary:active{transform:scale(.98);background:var(--glass-bg-active)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--negative-bg);color:var(--negative);font-size:var(--font-base);font-weight:var(--font-weight-semibold);border:1px solid rgba(255,82,82,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#ff525233;border-color:#ff525259}.btn-danger:active{transform:scale(.98)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.btn-icon:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.btn-icon:active{transform:scale(.92);background:var(--glass-bg-active)}.btn-icon--gold{color:var(--gold);border-color:var(--glass-border-gold)}.btn-icon--gold:hover{background:var(--gold-muted);border-color:#ffd7004d}.btn-icon--small{width:32px;height:32px;font-size:14px;border-radius:var(--radius-sm)}.btn-text{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--gold);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);background:none;border:none;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm)}.btn-text:hover{background:var(--gold-muted)}.btn-text:active{transform:scale(.96)}.toggle{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--glass-bg-active);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--transition-smooth)}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-smooth);box-shadow:0 2px 4px #0000004d}.toggle input:checked+.toggle-slider{background:var(--gold-muted);border-color:var(--gold)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background:var(--gold);box-shadow:0 2px 8px #ffd7004d}.toggle input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px #ffd70026}.toggle input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--glass-border);gap:var(--space-md);transition:background var(--transition-base)}.setting-row:last-child{border-bottom:none}.setting-row:hover{background:var(--glass-bg);margin:0 calc(var(--space-md) * -1);padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius-md)}.setting-row-info{flex:1;min-width:0}.setting-row-label{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.setting-row-description{font-size:var(--font-sm);color:var(--text-tertiary);margin-top:var(--space-xxs)}.setting-row-action{flex-shrink:0}.setting-row-value{font-size:var(--font-base);color:var(--text-secondary);flex-shrink:0}.setting-row--clickable{cursor:pointer}.setting-row--clickable:after{content:"›";font-size:20px;color:var(--text-tertiary);flex-shrink:0}.settings-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:0 var(--space-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.settings-group .setting-row:hover{margin:0;padding-left:0;padding-right:0;background:transparent}.settings-group-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;padding:var(--space-md) 0 var(--space-sm)}.toast-container{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);width:100%;max-width:calc(var(--max-width) - var(--space-xl));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.showcase-container{width:100%;aspect-ratio:3 / 4;max-height:400px;background:radial-gradient(ellipse at center,rgba(255,215,0,.04) 0%,transparent 70%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;perspective:1000px}.showcase-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--glass-border);border-radius:inherit;pointer-events:none}.card-viewer-container{width:200px;height:280px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card-viewer-container .card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);overflow:hidden;backface-visibility:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7000d;border:2px solid rgba(255,255,255,.08)}.card-viewer-container .card-face img{width:100%;height:100%;object-fit:cover}.card-viewer-container .card-face--back,.card-viewer-container.flipped{transform:rotateY(180deg)}.showcase-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulse 4s ease-in-out infinite}.showcase-controls{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;gap:var(--space-sm)}.price-chart{width:100%;height:120px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border)}.price-chart canvas,.price-chart svg{width:100%;height:100%;display:block}.price-chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,var(--bg-primary) 100%);pointer-events:none}.price-chart-label{position:absolute;top:var(--space-sm);left:var(--space-sm);font-size:var(--font-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.price-chart-value{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.price-chart--positive{border-color:#00e67626}.price-chart--negative{border-color:#ff525226}.price-chart-mini{width:64px;height:28px;display:inline-block;vertical-align:middle}.price-chart-mini svg{width:100%;height:100%}.category-tabs,.cat-tabs{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;flex-shrink:0}.cat-tab:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.cat-tab.active{background:var(--gold-muted);border-color:var(--gold);color:var(--gold);font-weight:var(--font-weight-semibold)}.cat-tab:active{transform:scale(.95)}.cat-tab .cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--glass-bg-active);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.cat-tab.active .cat-count{background:#ffd70033;color:var(--gold)}.grade-badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:2px var(--space-sm);border-radius:var(--radius-xs);font-size:var(--font-xs);font-weight:var(--font-weight-bold);letter-spacing:.3px;line-height:1.6;white-space:nowrap;text-transform:uppercase}.grade-badge--psa{background:#dc262626;color:#ef4444;border:1px solid rgba(220,38,38,.25)}.grade-badge--bgs,.grade-badge--beckett{background:#2563eb26;color:#60a5fa;border:1px solid rgba(37,99,235,.25)}.grade-badge--cgc{background:#16a34a26;color:#4ade80;border:1px solid rgba(22,163,74,.25)}.grade-badge--sgc{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.grade-badge--csg,.grade-badge--generic{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.grade-badge--afa{background:#14b8a626;color:#2dd4bf;border:1px solid rgba(20,184,166,.25)}.grade-badge--vga{background:#8b451326;color:peru;border:1px solid rgba(139,69,19,.25)}.grade-badge--wata{background:#9333ea26;color:#a855f7;border:1px solid rgba(147,51,234,.25)}.grade-badge--perfect{box-shadow:0 0 12px currentColor;animation:pulse 2.5s ease-in-out infinite}.grade-badge .grade-company,.grade-badge .grade-score{font-weight:var(--font-weight-bold)}.spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1acc;display:flex;align-items:center;justify-content:center;z-index:var(--z-spinner-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.spinner--small{width:20px;height:20px;border-width:2px}.spinner--large{width:56px;height:56px;border-width:4px}.spinner--inline{display:inline-block;vertical-align:middle;margin-right:var(--space-sm)}.loading-text{text-align:center;margin-top:var(--space-md);font-size:var(--font-sm);color:var(--text-secondary)}.skeleton{background:var(--glass-bg);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-text{height:14px;width:100%;margin-bottom:var(--space-sm)}.skeleton-text--short{width:60%}.skeleton-text--medium{width:80%}.skeleton-circle{border-radius:50%}.skeleton-card{height:80px;border-radius:var(--radius-lg);margin-bottom:var(--space-sm)}.privacy-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:var(--font-sm);padding:var(--space-sm) 0;transition:color var(--transition-base)}.privacy-link:hover{color:var(--text-secondary)}.privacy-link svg,.privacy-link .privacy-icon{width:14px;height:14px;opacity:.6}.privacy-footer{text-align:center;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--glass-border);margin-top:var(--space-lg)}.privacy-footer .app-version{font-size:var(--font-xs);color:var(--text-disabled);margin-top:var(--space-xs)}.listing-card{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.listing-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--glass-shadow)}.listing-card:active{transform:scale(.98)}.listing-card+.listing-card{margin-top:var(--space-sm)}.listing-card-image{width:72px;height:96px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--glass-border)}.listing-card-image img{width:100%;height:100%;object-fit:cover}.listing-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.listing-card-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-xs);line-height:var(--line-height-tight)}.listing-card-subtitle{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-sm)}.listing-card-price{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--gold)}.listing-card-source{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.listing-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.listing-card-badge{font-size:var(--font-xs);padding:1px var(--space-xs);border-radius:var(--radius-xs);background:var(--glass-bg-active);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stats-grid--three{grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-base)}.stat-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.stat-item-value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-xs)}.stat-item-value--gold{background:var(--gold-text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item-label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.stat-item-change{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);margin-top:var(--space-xxs)}.stat-item-change.up{color:var(--positive)}.stat-item-change.down{color:var(--negative)}.top-item-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.top-item-row:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.top-item-row:active{transform:scale(.98)}.top-item-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);flex-shrink:0;color:var(--text-tertiary);background:var(--glass-bg-active)}.top-item-rank--1{background:linear-gradient(135deg,#ffd70033,#ffa50033);color:var(--gold);border:1px solid rgba(255,215,0,.3)}.top-item-rank--2{background:linear-gradient(135deg,#c0c0c026,#a9a9a926);color:silver;border:1px solid rgba(192,192,192,.25)}.top-item-rank--3{background:linear-gradient(135deg,#cd7f3226,#b8733326);color:#cd7f32;border:1px solid rgba(205,127,50,.25)}.top-item-image{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--glass-border)}.top-item-image img{width:100%;height:100%;object-fit:cover}.top-item-info{flex:1;min-width:0}.top-item-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-item-meta{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:1px}.top-item-value{text-align:right;flex-shrink:0}.top-item-price{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.top-item-change{font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.top-item-change.up{color:var(--positive)}.top-item-change.down{color:var(--negative)}@media (hover: hover) and (pointer: fine){.item-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-lg)}.listing-card:hover{transform:translateY(-2px)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ffd70059}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.btn-icon:hover,.cat-tab:hover{transform:translateY(-1px)}.top-item-row:hover{transform:translate(4px)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow)}.glass-card:hover{transform:translateY(-2px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffd7001a}50%{box-shadow:0 0 40px #ffd70033}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideUp{animation:slideInUp .35s ease forwards}.animate-slideRight{animation:slideInRight .3s ease forwards}.animate-scaleIn{animation:scaleIn .25s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.8s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-item{opacity:0;animation:slideInUp .35s ease forwards}.stagger-item:nth-child(1){animation-delay:0s}.stagger-item:nth-child(2){animation-delay:.04s}.stagger-item:nth-child(3){animation-delay:.08s}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.16s}.stagger-item:nth-child(6){animation-delay:.2s}.stagger-item:nth-child(7){animation-delay:.24s}.stagger-item:nth-child(8){animation-delay:.28s}.stagger-item:nth-child(9){animation-delay:.32s}.stagger-item:nth-child(10){animation-delay:.36s}.stagger-item:nth-child(n+11){animation-delay:.4s}.ad-banner{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;position:relative;min-height:56px;display:flex;align-items:center;justify-content:center}.ad-banner img{width:100%;height:auto;display:block}.ad-banner-label{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:9px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;background:#00000080;padding:1px var(--space-xs);border-radius:var(--radius-xs)}.ad-banner--sticky{position:sticky;bottom:calc(var(--nav-height) + var(--safe-area-bottom));z-index:var(--z-card);margin-top:var(--space-md);box-shadow:0 -4px 16px #0000004d}.ad-banner-close{position:absolute;top:var(--space-xs);left:var(--space-xs);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--text-tertiary);border-radius:var(--radius-full);font-size:10px;cursor:pointer;transition:all var(--transition-base)}.ad-banner-close:hover{background:#000c;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xxl) var(--space-lg);min-height:240px}.empty-state-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-tertiary);animation:float 4s ease-in-out infinite}.empty-state-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-description{font-size:var(--font-sm);color:var(--text-tertiary);max-width:280px;margin-bottom:var(--space-lg);line-height:var(--line-height-normal)}.empty-state-action{margin-top:var(--space-sm)}.item-detail{display:flex;flex-direction:column}.item-detail-hero{position:relative;width:100%;aspect-ratio:3 / 4;max-height:360px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--bg-tertiary) 0%,var(--bg-primary) 100%);overflow:hidden}.item-detail-hero img{max-width:70%;max-height:90%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 20px 60px #00000080}.item-detail-hero-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg-primary));pointer-events:none}.item-detail-back{position:absolute;top:var(--space-md);left:var(--space-md);z-index:var(--z-card)}.item-detail-content{padding:var(--space-md)}.item-detail-name{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--line-height-tight)}.item-detail-subtitle{font-size:var(--font-base);color:var(--text-tertiary);margin-bottom:var(--space-md)}.item-detail-grade-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.item-detail-price-section{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border)}.item-detail-current-price{font-size:var(--font-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.item-detail-price-change{text-align:right}.item-detail-section{margin-bottom:var(--space-lg)}.item-detail-section-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.item-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.item-detail-info-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.item-detail-info-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:var(--space-xxs);text-transform:uppercase;letter-spacing:.5px}.item-detail-info-value{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.item-detail-notes{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.change-up{color:var(--positive)}.change-down{color:var(--negative)}.change-neutral{color:var(--text-tertiary)}.change-indicator{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.change-indicator .change-icon{font-size:10px}.change-indicator.up{color:var(--positive)}.change-indicator.down{color:var(--negative)}.change-indicator.up .change-icon:before{content:"▲"}.change-indicator.down .change-icon:before{content:"▼"}.change-pill{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.change-pill.up{background:var(--positive-bg);color:var(--positive)}.change-pill.down{background:var(--negative-bg);color:var(--negative)}.price-flash{animation:priceFlash .6s ease}@keyframes priceFlash{0%{opacity:1}25%{opacity:.4}50%{opacity:1}75%{opacity:.6}to{opacity:1}}.value-chart-container{width:100%;height:200px;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);overflow:hidden;position:relative;perspective:800px}.value-chart-container canvas,.value-chart-container svg{width:100%;height:100%;display:block}.value-chart-container .chart-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,transparent 0%,rgba(255,215,0,.03) 100%);pointer-events:none}.value-chart-header{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.value-chart-title{font-size:var(--font-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.value-chart-period-selector{display:flex;gap:var(--space-xxs)}.value-chart-period{padding:var(--space-xxs) var(--space-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-base);background:none;border:none}.value-chart-period:hover{color:var(--text-secondary);background:var(--glass-bg)}.value-chart-period.active{color:var(--gold);background:var(--gold-muted)}.value-chart-tooltip{position:absolute;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);font-size:var(--font-sm);color:var(--text-primary);pointer-events:none;z-index:10;white-space:nowrap;transform:translate(-50%,-120%)}.value-chart-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--bg-elevated);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.value-chart-tooltip-value{font-weight:var(--font-weight-bold)}.value-chart-tooltip-date{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.text-gold{color:var(--gold)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-positive{color:var(--positive)}.text-negative{color:var(--negative)}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-uppercase{text-transform:uppercase;letter-spacing:.5px}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.w-full{width:100%}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.divider{height:1px;background:var(--glass-border);margin:var(--space-md) 0}.divider--gold{background:linear-gradient(90deg,transparent,var(--glass-border-gold),transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--font-md);width:100%}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-md));right:var(--space-md);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gold-gradient);color:#0a0a1a;font-size:28px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:2px;box-shadow:0 6px 24px #ffd70059;z-index:var(--z-card);transition:all var(--transition-smooth)}.fab:hover{transform:scale(1.08);box-shadow:0 8px 32px #ffd70073}.fab:active{transform:scale(.95)}@media (min-width: 480px){.fab{right:calc(50% - var(--max-width) / 2 + var(--space-md))}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input:not([type=checkbox]),.form-group select{width:100%;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-base)}.form-group input:not([type=checkbox]):focus,.form-group select:focus{outline:none;border-color:var(--gold);background:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffd7001a}.form-group input::placeholder{color:var(--text-tertiary)}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.toggle-group{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-xs) 0}.toggle-group label{font-size:var(--font-base);font-weight:var(--font-weight-normal);color:var(--text-primary);flex:1}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:#ffffff0f;border-radius:var(--radius-full);border:1px solid var(--glass-border);position:relative;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;box-shadow:inset 0 1px 3px #0000004d}.toggle:before{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:#fff6;transition:all var(--transition-base);box-shadow:0 1px 3px #0006}.toggle:checked{background:#ffd70033;border-color:var(--gold)}.toggle:checked:before{transform:translate(16px);background:var(--gold);box-shadow:0 1px 4px #ffd70066}.toggle:hover{border-color:#fff3}.toggle:checked:hover{background:#ffd70040}.toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #ffd70026}.toggle:active:before{width:22px}.toggle:checked:active:before{transform:translate(16px)}.search-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);width:100%}.search-row input{flex:1;min-width:0;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base)}.search-row input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffd7001a}.search-row input::placeholder{color:var(--text-tertiary)}.search-row .btn{flex-shrink:0;padding:var(--space-md);white-space:nowrap;font-size:var(--font-sm);max-width:100px;min-width:70px}.search-hint{font-size:.78rem;color:var(--text-secondary);margin:var(--space-xs) 0 var(--space-sm);line-height:1.5}.search-hint strong{color:var(--gold)}.search-hint-tip{opacity:.7;font-size:.72rem}.search-status{font-size:var(--font-sm);color:var(--text-tertiary);min-height:20px;margin-bottom:var(--space-sm)}.search-status.searching{color:var(--gold)}.search-status.found{color:var(--positive)}.search-status.no-results{color:var(--warning)}.search-status.error{color:var(--negative)}.search-found strong{color:var(--gold)}.modal-divider{border:none;height:1px;background:var(--glass-border);margin:var(--space-lg) 0}.info-hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#4488ff14;border:1px solid rgba(68,136,255,.2);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.info-icon{font-size:var(--font-lg);flex-shrink:0}.info-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.4}.manual-add-form{display:flex;flex-direction:column}.listing-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.listing-card.listing-top{border-color:var(--glass-border-gold);background:#ffd70008}.listing-img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.listing-img-placeholder{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.listing-info{flex:1;min-width:0}.listing-title{font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-price{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gold);margin-top:2px}.listing-top-badge{position:absolute;top:4px;right:28px;background:var(--gold-gradient);color:#0a0a1a;font-size:9px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--radius-xs);letter-spacing:.5px}.listing-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#ff3c3c26;border:none;border-radius:50%;color:#f44;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,background .2s;z-index:2}.listing-remove-btn:hover,.listing-remove-btn:active{opacity:1;background:#ff3c3c4d}.listing-use-img-btn{position:absolute;bottom:4px;right:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:10px;color:var(--text-secondary);padding:2px 6px;cursor:pointer;white-space:nowrap;opacity:.7;transition:opacity .2s,border-color .2s,background .2s,color .2s;z-index:2}.listing-use-img-btn:hover,.listing-use-img-btn:active{opacity:1;border-color:#ffd70066;color:var(--text-primary)}.listing-use-img-btn.active{opacity:1;background:#ffd70026;border-color:var(--gold);color:var(--gold)}.listing-card.listing-img-selected{border-color:var(--gold)}.listing-card.listing-img-selected .listing-img{outline:2px solid var(--gold);outline-offset:-2px;border-radius:var(--radius-sm)}.shimmer-card{height:64px;background:var(--glass-bg);border-radius:var(--radius-md);animation:shimmer 1.8s ease-in-out infinite;margin-bottom:var(--space-sm)}.portfolio-header-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-gold);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);margin:var(--space-md);box-shadow:var(--glass-shadow-gold);animation:cardGlow 3s ease-in-out infinite}@keyframes cardGlow{0%,to{border-color:#ffd70040;box-shadow:0 0 8px #ffd70014,0 0 0 1px #ffd7001a}50%{border-color:#ffd70080;box-shadow:0 0 20px #ffd70026,0 0 0 1px #ffd7004d}}.portfolio-value-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-sm)}.portfolio-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.portfolio-value-share{display:flex;align-items:center;gap:8px}.portfolio-total{font-size:var(--font-xxl);font-weight:var(--font-weight-bold);background:var(--gold-text-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:color .2s,background .2s;display:flex;align-items:center;justify-content:center;opacity:.6}.share-btn:hover,.share-btn:active{color:var(--gold);background:#ffd70014;opacity:1}.portfolio-meta-row{display:flex;align-items:center;justify-content:space-between}.portfolio-items-count{font-size:var(--font-sm);color:var(--text-tertiary)}.portfolio-change{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.portfolio-change.positive{color:var(--positive)}.portfolio-change.negative{color:var(--negative)}.portfolio-change.neutral{color:var(--text-tertiary)}.refresh-all-btn{display:block;margin:var(--space-xs) auto var(--space-sm);padding:4px 14px;font-size:.72rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;letter-spacing:.02em}.refresh-progress{margin:var(--space-xs) var(--space-md) var(--space-sm);height:22px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);position:relative;overflow:hidden}.refresh-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#ffb300);border-radius:var(--radius-sm);transition:width .3s ease}.refresh-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.refresh-all-btn:hover{color:var(--gold);border-color:var(--gold)}.refresh-all-btn:active{transform:scale(.96)}.group-filter-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-md);margin-bottom:var(--space-xs)}.group-filter-select{flex:0 1 200px;padding:5px 10px;font-size:.78rem;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.group-filter-select:focus{border-color:var(--gold);outline:none}.manage-groups-btn{width:18px;height:18px;border-radius:50%;background:transparent;color:var(--gold);border:1px solid var(--gold);font-size:13px;font-weight:700;line-height:0;padding:0 0 2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.manage-groups-btn:hover{background:#ffd70026}#groupManagerModal.active{align-items:center}.group-manager-content{max-width:360px;border-radius:var(--radius-xxl);border-bottom:1px solid var(--glass-border)}.group-add-row{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.group-add-row input{flex:1;padding:8px 12px;font-size:var(--font-sm);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.group-add-row input:focus{border-color:var(--gold);outline:none}.group-add-row .btn{padding:8px 16px;font-size:var(--font-sm)}.group-list{list-style:none;padding:0;margin:0}.group-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-size:var(--font-sm)}.group-list li:last-child{border-bottom:none}.group-actions{display:flex;gap:4px;align-items:center}.group-list .group-edit-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:var(--radius-sm)}.group-list .group-edit-btn:hover{background:#ffd70026;color:var(--gold)}.group-list .group-delete-btn{background:transparent;border:none;color:var(--negative, #ff5252);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:var(--radius-sm)}.group-list .group-delete-btn:hover{background:#ff525226}.group-list-empty{text-align:center;color:var(--text-tertiary);padding:var(--space-md) 0;font-size:var(--font-sm)}.category-tabs{padding:0 var(--space-md)}.items-list{padding:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.ad-banner-wrapper{padding:var(--space-md);min-height:60px}.showcase-container{width:100%;height:70vh;position:relative;border-radius:0;overflow:hidden;margin:0}.showcase-container canvas{width:100%!important;height:100%!important}.showcase-hint{text-align:center;font-size:var(--font-sm);color:var(--text-tertiary);padding:var(--space-sm) var(--space-md)}.showcase-empty{text-align:center;font-size:var(--font-base);color:var(--text-tertiary);padding:var(--space-xxl) var(--space-md)}.insights-overview-card,.insights-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) var(--space-md) 0}.insights-overview-card{border-color:var(--glass-border-gold);box-shadow:var(--glass-shadow-gold)}.insights-overview-card h3,.insights-card h3{font-size:var(--font-md);font-weight:var(--font-weight-bold);margin-bottom:2px;color:var(--text-primary)}.insights-subtitle{font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:var(--space-md)}.insights-stats{display:flex;justify-content:space-between;gap:var(--space-md)}.stat-block{flex:1;text-align:center}.stat-label{display:block;font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.stat-value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--gold)}.chart-container{width:100%;min-height:220px;border-radius:var(--radius-md);overflow:hidden;position:relative}.chart-container canvas{width:100%!important;height:100%!important}.price-bars-list{display:flex;flex-direction:column;gap:10px}.price-bar-row{display:flex;flex-direction:column;gap:4px}.price-bar-name{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.price-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;min-width:4px}.price-bar-fill.bar-up{background:linear-gradient(90deg,#4caf50,#81c784)}.price-bar-fill.bar-down{background:linear-gradient(90deg,#e53935,#ff8a65)}.price-bar-fill.bar-neutral{background:linear-gradient(90deg,var(--gold),#FFE082)}.price-bar-info{display:flex;justify-content:space-between;align-items:center}.price-bar-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.price-bar-change{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:4px}.price-bar-change.change-up{color:#81c784;background:#4caf501f}.price-bar-change.change-down{color:#ff8a65;background:#e539351f}.price-bar-change.change-neutral{color:var(--text-tertiary);background:#ffffff0d}.top-items-list{display:flex;flex-direction:column;gap:var(--space-sm)}.top-item-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.top-item-row:hover{background:var(--glass-bg-hover)}.top-item-rank{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gold);width:28px;flex-shrink:0}.top-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-item-name{font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-item-value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);flex-shrink:0}.category-breakdown{display:flex;flex-direction:column;gap:var(--space-sm)}.category-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--glass-bg)}.category-name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.category-count{font-size:var(--font-xs);color:var(--text-tertiary);margin:0 var(--space-md)}.category-value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gold)}#screen-insights .btn-secondary{margin:var(--space-md)}#itemDetailModal .modal-content{background:linear-gradient(180deg,#1a1a3a,#12122a 40%)}.card-viewer-container{width:100%;height:280px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md);position:relative;background:radial-gradient(ellipse at center,rgba(100,100,200,.15) 0%,transparent 70%);box-shadow:inset 0 0 40px #6478c814}.card-viewer-container canvas{width:100%!important;height:100%!important}.item-detail-info{margin-bottom:var(--space-md)}.item-detail-name{font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.item-detail-badges{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-xs);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.badge-grade{text-transform:uppercase}.badge-company{background:var(--glass-bg-active);color:var(--text-secondary)}.item-detail-value-row,.item-detail-cost-row,.item-detail-updated-row,.item-detail-ebay-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--glass-border)}.detail-label{font-size:var(--font-sm);color:var(--text-tertiary)}.detail-value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--gold)}.detail-updated{font-size:var(--font-sm);color:var(--text-secondary)}.detail-ebay-query{font-size:var(--font-sm);color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-detail-group-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs)}.detail-group-select{padding:4px 8px;font-size:var(--font-sm);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.detail-group-select:focus{border-color:var(--gold);outline:none}.item-detail-section{margin-top:var(--space-md)}.item-detail-section h3{font-size:var(--font-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.price-history-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.history-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--glass-bg);font-size:var(--font-sm)}.history-date{color:var(--text-tertiary);flex:1}.history-price{font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 var(--space-md)}.history-count{color:var(--text-tertiary);font-size:var(--font-xs)}.item-detail-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}#itemDetailModal .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#itemDetailModal .modal-content{position:relative}.item-detail-actions .btn{flex:1}.settings-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) var(--space-md) 0}.settings-card h3{font-size:var(--font-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--text-primary)}.settings-btn-group{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-version{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-sm)}.settings-link{display:inline-block;font-size:var(--font-sm);color:var(--blue);transition:color var(--transition-base)}.settings-link:hover{color:var(--blue-light)}.onboarding-privacy{display:inline-block;margin-top:var(--space-lg);font-size:var(--font-sm);color:var(--text-tertiary);transition:color var(--transition-base)}.onboarding-privacy:hover{color:var(--gold)}.onboarding-steps{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.onboarding-step{width:32px;height:4px;border-radius:var(--radius-full);background:var(--glass-border);transition:all var(--transition-smooth)}.onboarding-step.active{background:var(--gold);width:48px}.onboarding-step.completed{background:var(--gold-muted)}.onboarding-slide{display:none;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:fadeIn .4s ease forwards}.onboarding-slide.active{display:flex}.onboarding-step-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);background:var(--gold-text-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-cards{display:flex;gap:var(--space-md);width:100%;max-width:380px}.plan-card{flex:1;padding:var(--space-lg) var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.plan-card.selected{border-color:var(--gold)!important;box-shadow:0 0 0 2px var(--gold),var(--glass-shadow-gold)}.plan-card--pro{border-color:var(--glass-border-gold);background:linear-gradient(135deg,var(--glass-bg) 0%,rgba(255,215,0,.05) 100%)}.plan-card-ribbon{position:absolute;top:10px;right:-28px;background:var(--gold-gradient);color:#0a0a1a;font-size:8px;font-weight:800;padding:2px 32px;transform:rotate(45deg);letter-spacing:1.5px}.plan-card-header{margin-bottom:var(--space-xs)}.plan-badge{display:inline-flex;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px}.plan-badge--free{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.plan-badge--pro{background:var(--gold-gradient);color:#0a0a1a}.plan-price{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-md);display:block}.plan-price--pro{color:var(--gold);font-weight:var(--font-weight-bold)}.plan-features{list-style:none;margin:0;padding:0;margin-bottom:var(--space-lg);width:100%;text-align:left}.plan-features li{font-size:var(--font-xs);color:var(--text-secondary);padding:3px 0 3px 20px;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--text-tertiary);font-weight:var(--font-weight-bold);font-size:var(--font-xs)}.plan-features--pro li:before{color:var(--gold)}.plan-select-btn{width:100%;margin-top:auto}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:320px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:1px solid var(--glass-border)}.auth-btn:active{transform:scale(.98)}.auth-btn--google{background:#fff;color:#1f1f1f}.auth-btn--google:hover{background:#f0f0f0}.auth-btn--apple{background:#000;color:#fff}.auth-btn--apple:hover{background:#1a1a1a}.auth-btn--x{background:#1a1a2e;color:#fff;border-color:#ffffff26}.auth-btn--x:hover{background:#252540}.auth-icon{flex-shrink:0}.payment-card{max-width:320px;margin:0 auto;text-align:center;padding:var(--space-xl);border-color:var(--glass-border-gold)}.payment-plan-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.payment-amount{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--gold)}.payment-features-mini{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg);font-size:var(--font-sm);color:var(--text-tertiary)}.payment-features-mini span:before{content:"✓ ";color:var(--gold)}.payment-powered{font-size:var(--font-xs);color:var(--text-disabled);margin-top:var(--space-md)}.pro-substep{display:none;flex-direction:column;align-items:center;width:100%}.pro-substep.active{display:flex}#upgradeModal.active{align-items:stretch}.upgrade-modal-content{text-align:center;max-width:100%;max-height:100vh;max-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xxl) var(--space-lg);padding-top:calc(var(--space-xxl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-xxl) + env(safe-area-inset-bottom,0px));animation:fadeIn .3s ease forwards}.upgrade-modal-content .modal-close{position:absolute;top:calc(var(--space-lg) + env(safe-area-inset-top,0px));left:var(--space-lg);z-index:5}.upgrade-header{margin-bottom:var(--space-xl)}.upgrade-icon{font-size:56px;margin-bottom:var(--space-md);animation:crownBounce .8s ease .2s both}.upgrade-title{font-size:32px;font-weight:900;letter-spacing:1px;background:var(--gold-text-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.upgrade-reason{font-size:var(--font-base);color:var(--text-secondary);line-height:1.5;max-width:300px;margin:0 auto}.upgrade-plans{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);width:100%;max-width:360px}.upgrade-plan{flex:1;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);text-align:left}.upgrade-plan--free{background:var(--glass-bg);border:1px solid var(--glass-border);opacity:.6}.upgrade-plan--pro{background:linear-gradient(135deg,#ffd70014,#ffd70005);border:1.5px solid var(--gold-muted);box-shadow:0 0 24px #ffd70014}.upgrade-plan-label{font-size:var(--font-sm);font-weight:var(--font-weight-bold);letter-spacing:1.5px;margin-bottom:var(--space-md);color:var(--text-tertiary)}.upgrade-plan--pro .upgrade-plan-label{color:var(--gold)}.upgrade-plan-list{list-style:none;padding:0;margin:0}.upgrade-plan-list li{font-size:var(--font-sm);color:var(--text-secondary);padding:4px 0 4px 20px;position:relative}.upgrade-plan-list li:before{content:"✓";position:absolute;left:0;font-size:12px;color:var(--text-tertiary)}.upgrade-plan--pro .upgrade-plan-list li:before{color:var(--gold)}.upgrade-plan-price{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--gold);margin-top:var(--space-md);text-align:center}.upgrade-cta{width:100%;max-width:360px;font-size:var(--font-base);padding:var(--space-md) var(--space-lg)}.theme-tutorial-content{text-align:center;padding:var(--space-xl)}.theme-preview-stack{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.theme-preview-card{width:48px;height:68px;border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:transform .3s ease}.theme-preview-card:nth-child(1){transform:rotate(-8deg) translateY(4px)}.theme-preview-card:nth-child(2){transform:rotate(-4deg) translateY(-2px)}.theme-preview-card:nth-child(3){transform:rotate(0) translateY(-4px)}.theme-preview-card:nth-child(4){transform:rotate(4deg) translateY(-2px)}.theme-preview-card:nth-child(5){transform:rotate(8deg) translateY(4px)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);border:2px solid transparent;background:none;cursor:pointer;transition:all var(--transition-base);color:var(--text-tertiary)}.theme-swatch:hover{border-color:var(--glass-border-hover)}.theme-swatch.active{border-color:var(--gold)}.theme-swatch-preview{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.theme-swatch-label{font-size:var(--font-xs)}.theme-swatch.active .theme-swatch-label{color:var(--gold)}.plan-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.scan-header-row{display:flex;align-items:center;justify-content:space-between}.scan-count-badge{font-size:var(--font-xs);color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border)}.scan-count-badge:empty{display:none}.pro-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:none;align-items:center;justify-content:center;background:#000000e6}.pro-celebration-close{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:10;background:none;border:none;color:var(--text-secondary);font-size:32px;line-height:1;padding:8px;cursor:pointer;opacity:0;animation:fadeIn .4s ease 1.2s forwards;transition:color .2s}.pro-celebration-close:hover{color:var(--text-primary)}.pro-celebration.active{display:flex;animation:fadeIn .3s ease}.pro-celebration-content{text-align:center;z-index:2;animation:proCelebrateIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.pro-crown{font-size:64px;animation:crownBounce .8s ease .3s both}.pro-celebration-title{font-size:44px;font-weight:900;letter-spacing:10px;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--space-sm) 0;animation:titleShine 2s linear infinite;background-size:200% auto}.pro-celebration-sub{font-size:var(--font-base);color:var(--text-secondary);opacity:0;animation:fadeIn .4s ease .5s forwards}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@keyframes proCelebrateIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes crownBounce{0%{transform:translateY(-40px) scale(0);opacity:0}50%{transform:translateY(10px) scale(1.2);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes titleShine{0%{background-position:0% center}to{background-position:200% center}}.toast{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%) translateY(-100%);max-width:calc(var(--max-width) - var(--space-xl));padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);z-index:var(--z-toast);opacity:0;transition:all var(--transition-smooth);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;gap:var(--space-sm)}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.toast-message{flex:1}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition-base);flex-shrink:0;background:transparent;border:none;padding:0}.toast-close:hover{color:var(--text-primary);background:#ffffff1a}.empty-state-3d{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-tertiary);font-size:var(--font-base);text-align:center;padding:var(--space-xl)}.text-muted{color:var(--text-tertiary);font-size:var(--font-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(var(--safe-area-bottom),0px)}.modal-footer{padding-bottom:max(calc(var(--space-md) + env(safe-area-inset-bottom,0px)),var(--space-md))}}.cgc-category-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.cgc-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cgc-modal-content{position:relative;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--glass-shadow-lg);animation:slideUp .3s ease}.cgc-modal-content h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.cgc-modal-content p{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--line-height-relaxed)}.cgc-category-buttons{display:flex;gap:var(--space-md);flex-direction:column}.cgc-cat-btn{padding:var(--space-md) var(--space-lg);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.cgc-cat-btn:hover{background:var(--glass-bg-hover);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.cgc-cat-btn:active{transform:translateY(0)}.ocr-scan-section{margin-bottom:var(--space-lg)}.ocr-scan-section h3{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--gold)}.scan-mode-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.scan-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.scan-mode-btn:hover{border-color:var(--text-secondary)}.scan-mode-btn.selected{border-color:var(--accent);background:#daa5201f;color:var(--accent)}.scan-mode-icon{font-size:1.2em}.ocr-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.ocr-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);min-height:72px}.ocr-btn-icon{font-size:1.5rem;line-height:1}.ocr-btn-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.camera-view{margin-top:var(--space-md);border-radius:var(--radius-md);overflow:hidden;position:relative;background:#000}.camera-view.hidden{display:none}.camera-view video{width:100%;display:block;border-radius:var(--radius-md)}.slab-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none;z-index:2}.slab-guide-top{flex:1;background:#0000008c}.slab-guide-bottom{flex:3;background:#0000008c}.slab-guide-middle{display:flex;height:18%}.slab-guide-left,.slab-guide-right{width:8%;background:#0000008c}.slab-guide-frame{flex:1;position:relative;border:2px solid var(--gold);border-radius:4px;box-shadow:0 0 12px #ffd7004d}.slab-guide-corner{position:absolute;width:16px;height:16px;border-color:var(--gold);border-style:solid}.slab-guide-corner.tl{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:4px 0 0}.slab-guide-corner.tr{top:-2px;right:-2px;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.slab-guide-corner.bl{bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.slab-guide-corner.br{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 4px}.slab-guide-hint{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);color:var(--gold);font-size:var(--font-xs);white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8)}.camera-controls{position:absolute;bottom:calc(var(--space-md) + 20px);left:0;right:0;display:flex;justify-content:center;align-items:center;gap:28px;z-index:5}.camera-snap-btn{width:64px;height:64px;border-radius:50%;background:#ffffffe6;border:4px solid var(--gold);cursor:pointer;position:relative;flex-shrink:0}.camera-snap-btn:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff}.camera-snap-btn:active{transform:scale(.9)}.camera-flash-btn,.camera-flip-btn{width:44px;height:44px;border-radius:50%;background:#0009;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.camera-flash-btn:active,.camera-flip-btn:active{transform:scale(.9)}.camera-flash-btn.active{background:var(--gold);color:#000}.camera-cancel-btn{width:40px;height:40px;border-radius:50%;background:#0009;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:5}.ocr-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.ocr-preview.hidden{display:none}.ocr-preview-image-wrapper{position:relative;margin-bottom:var(--space-md)}.ocr-canvas{display:none}.ocr-preview-img{width:100%;height:auto;max-height:400px;border-radius:var(--radius-sm);object-fit:contain;background:var(--bg-secondary)}.btn-icon-small{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#000000b3;color:#fff;border:none;border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);cursor:pointer;z-index:10;transition:all var(--transition-base)}.btn-icon-small:hover{background:#000000d9;transform:scale(1.1)}.ocr-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--blue-muted);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.ocr-status.hidden{display:none}.ocr-status-spinner{width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.ocr-results{padding:var(--space-md);background:var(--glass-bg-hover);border-radius:var(--radius-sm)}.ocr-results.hidden{display:none}.ocr-results h4{font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--text-primary)}.ocr-field-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--glass-border)}.ocr-field-row:last-of-type{border-bottom:none;margin-bottom:var(--space-md)}.ocr-field-row label{color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:90px;font-size:var(--font-sm)}.ocr-editable-input{flex:1;background:#ffffff14;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--gold);font-weight:var(--font-weight-semibold);font-size:var(--font-sm);padding:6px 10px;text-align:right;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ocr-editable-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #ffd70026}.ocr-editable-input::placeholder{color:var(--text-tertiary);font-weight:400}.condition-picker{margin:var(--space-md) 0;text-align:center}.condition-picker.hidden{display:none}.condition-picker label{display:block;color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.condition-buttons{display:flex;gap:var(--space-sm);justify-content:center}.condition-btn{flex:1;max-width:72px;padding:10px 0;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--text-primary);font-size:var(--font-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .15s ease}.condition-btn:hover{border-color:var(--text-secondary)}.condition-btn.selected{border-color:var(--accent);background:#daa52026;color:var(--accent)}.condition-hint{display:block;color:var(--text-tertiary);font-size:var(--font-xs);margin-top:var(--space-xs)}.or-divider{text-align:center;margin:var(--space-lg) 0;color:var(--text-tertiary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease}.image-preview-overlay[hidden]{display:none}.image-preview-img{max-width:95vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 40px #0009}.image-preview-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-preview-close:hover{background:#ffffff40}.form-row-2col{display:grid;grid-template-columns:1fr 60px;gap:var(--space-sm);align-items:end}.form-row-2col #quantityInput{padding:8px 4px;text-align:center;height:auto}.detail-name-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.detail-name-row .item-detail-name{flex:1;min-width:0}.detail-name-row .detail-edit-btn{flex-shrink:0}.detail-name-edit{display:none;width:100%;gap:var(--space-xs);align-items:center;margin-top:var(--space-xs)}.detail-name-row.editing .item-detail-name,.detail-name-row.editing .detail-edit-btn{display:none}.detail-name-row.editing .detail-name-edit{display:flex}.detail-name-input{flex:1;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-base);font-family:var(--font-family);outline:none}.detail-name-input:focus{border-color:var(--gold)}.detail-value-editable{display:flex;align-items:center;gap:var(--space-xs)}.detail-edit-btn{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);transition:color .2s,background .2s}.detail-edit-btn:hover{color:var(--gold);background:var(--gold-muted)}.detail-price-edit-row{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.detail-price-edit-row.hidden{display:none}.detail-price-edit-row input{flex:1;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-base);font-family:var(--font-family);outline:none;max-width:120px}.detail-price-edit-row input:focus{border-color:var(--gold)}.btn-sm{padding:4px 10px;font-size:var(--font-xs);border-radius:var(--radius-sm)}.item-detail-qty-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--glass-border)}.detail-qty-control{display:flex;align-items:center;gap:var(--space-sm)}.qty-btn{width:28px;height:28px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;padding:0;line-height:1}.qty-btn:hover{background:var(--gold-muted);border-color:var(--gold)}.qty-btn:active{background:var(--glass-bg-active)}.detail-qty-value{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:24px;text-align:center}.item-card-qty{font-size:var(--font-xs);color:var(--gold);font-weight:var(--font-weight-semibold);margin-top:2px}.item-card.dragging{opacity:.85;background:var(--glass-bg-active);border:2px solid var(--gold);box-shadow:0 8px 24px #ffd70026;animation:drag-pulse 1.2s ease-in-out infinite}@keyframes drag-pulse{0%,to{border-color:var(--gold);box-shadow:0 0 8px #ffd7004d}50%{border-color:#ffd70066;box-shadow:0 0 20px #ffd70080}}.drag-placeholder{border:2px dashed var(--gold);border-radius:var(--radius-md);opacity:.4;margin-bottom:var(--space-sm)}.beta-badge{position:absolute;top:-4px;right:-4px;background:var(--gold-gradient);color:#000;font-size:8px;font-weight:800;padding:1px 5px;border-radius:var(--radius-full);line-height:1.4;letter-spacing:.5px;pointer-events:none;z-index:1}.ocr-action-btn{position:relative}.item-detail-skip-row,.form-skip-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--glass-border);gap:var(--space-md)}.form-skip-row{margin-bottom:var(--space-sm)}.detail-skip-left{display:flex;flex-direction:column;min-width:0}.detail-skip-text{font-size:var(--font-base);color:var(--text-primary)}.detail-skip-hint{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:1px}.detail-skip-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.detail-skip-toggle input{opacity:0;width:0;height:0;position:absolute}.detail-skip-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:background .25s,border-color .25s}.detail-skip-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-secondary);transition:transform .25s,background .25s}.detail-skip-toggle input:checked+.detail-skip-slider{background:#ffd70033;border-color:var(--gold)}.detail-skip-toggle input:checked+.detail-skip-slider:before{transform:translate(20px);background:var(--gold)}