:root{--theme-primary: #2563eb;--theme-accent: #3b82f6;--theme-background: #f8fafc;--theme-text-on-primary: #ffffff;--theme-border: #e2e8f0;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "Courier New", Monaco, Consolas, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .2);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .25);--z-modal-backdrop: 9998;--z-modal: 9999;--z-overlay: 10000;--z-tooltip: 10001;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--extension-primary: #0EA5E9;--extension-primary-hover: #0284C7;--extension-success: #10B981;--extension-error: #EF4444;--extension-warning: #F59E0B;--extension-info: #3B82F6;--extension-dark-text: #1F2937;--extension-secondary-text: #6B7280;--extension-light-background: #F3F4F6;--extension-border: #E5E7EB;--category-peoples-choice: #10B981;--category-solid-choice: #3B82F6;--category-worth-a-try: #8B5CF6;--category-proceed-with-caution: #F59E0B;--category-risky-bet: #EF4444}@media(prefers-color-scheme:dark){:root{--theme-background: #1a1a1a;--theme-border: #374151;--extension-dark-text: #F9FAFB;--extension-secondary-text: #D1D5DB;--extension-light-background: #374151;--extension-border: #4B5563}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-fade-in{animation:fade-in .6s ease-out}.animate-fade-in-fast{animation:fade-in .3s ease-out}.animate-fade-in-scale{animation:fade-in-scale .3s ease-out}.animate-slide-down{animation:slide-down .8s ease-out}.animate-slide-up,.animate-slide-up-mobile{animation:slide-up .3s ease-out}@media(min-width:640px){.sm\:animate-fade-in{animation:fade-in .3s ease-out}.sm\:animate-fade-in-scale{animation:fade-in-scale .3s ease-out}}.animate-fade-in-up{animation:fade-in-up .6s ease-out both}.animate-slide-in-right{animation:slide-in-right .4s ease-out}.animate-slide-out-right{animation:slide-out-right .3s ease-in}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-fast,.animate-fade-in-scale,.animate-slide-down,.animate-slide-up,.animate-slide-up-mobile,.animate-fade-in-up,.animate-slide-in-right,.animate-slide-out-right,.sm\:animate-fade-in,.sm\:animate-fade-in-scale{animation:none!important}}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;z-index:var(--z-modal-backdrop, 9998);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay-mobile{position:fixed;inset:0;background-color:#000000bf;z-index:var(--z-modal-backdrop, 9998);display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:640px){.modal-overlay-mobile{align-items:center}}.modal-card{background:#fff;border-radius:1rem;box-shadow:var(--shadow-2xl, 0 24px 48px rgba(0, 0, 0, .25));max-width:32rem;width:100%;padding:2rem}@media(prefers-color-scheme:dark){.modal-card{background:#1f2937}}.modal-card-bottom{background:#fff;border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--shadow-2xl, 0 24px 48px rgba(0, 0, 0, .25));width:100%;padding:1.5rem}@media(min-width:640px){.modal-card-bottom{border-radius:1rem;max-width:28rem;padding:2rem}}@media(prefers-color-scheme:dark){.modal-card-bottom{background:#1f2937}}.card{background:#fff;border-radius:1rem;box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .15));border:1px solid #E5E7EB;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-xl, 0 12px 24px rgba(0, 0, 0, .2))}@media(prefers-color-scheme:dark){.card{background:#1f2937cc;border-color:#4b556380}}.card-glass{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:var(--shadow-xl, 0 12px 24px rgba(0, 0, 0, .2));border:1px solid rgba(229,231,235,.5);transition:box-shadow .3s ease}.card-glass:hover{box-shadow:var(--shadow-2xl, 0 24px 48px rgba(0, 0, 0, .25))}@media(prefers-color-scheme:dark){.card-glass{background:#1f2937cc;border-color:#4b556380}}.btn-primary{background-color:var(--theme-primary);color:var(--theme-text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base, .2s) ease;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.btn-primary:hover{box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .15));transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary:focus{outline:none;box-shadow:0 0 0 4px #2563eb80}.btn-secondary{background:transparent;color:#6b7280;border:none;padding:.5rem 1.5rem;font-weight:500;cursor:pointer;transition:color var(--transition-base, .2s) ease}.btn-secondary:hover{color:#1f2937}@media(prefers-color-scheme:dark){.btn-secondary{color:#9ca3af}.btn-secondary:hover{color:#e5e7eb}}.extension-overlay{position:fixed;background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 20px) var(--spacing-2xl, 24px);box-shadow:var(--shadow-xl, 0 12px 24px rgba(0, 0, 0, .2));z-index:var(--z-overlay, 10000);font-family:var(--font-family-base)}.extension-btn-primary{background:var(--extension-primary, #0EA5E9);color:#fff;border:none;padding:var(--spacing-md, 12px) var(--spacing-xl, 20px);border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:background var(--transition-base, .2s) ease}.extension-btn-primary:hover{background:var(--extension-primary-hover, #0284C7)}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--extension-secondary-text, #6B7280);padding:0;line-height:1;transition:color var(--transition-base, .2s) ease}.btn-close:hover{color:#000}@media(prefers-color-scheme:dark){.btn-close:hover{color:#fff}}button:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.card,.card-glass,.btn-primary,.btn-secondary,.btn-close{transition:none!important}}