*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh}@media(prefers-color-scheme:dark){:root{background-color:#1a1a1a}}:root{--fp-teal-50: #f0fdfa;--fp-teal-100: #ccfbf1;--fp-teal-200: #99f6e4;--fp-teal-300: #5eead4;--fp-teal-400: #2dd4bf;--fp-teal-500: #14b8a6;--fp-teal-600: #0d9488;--fp-teal-700: #0f766e;--fp-teal-800: #115e59;--fp-teal-900: #134e4a;--fp-ember-50: #fffbeb;--fp-ember-100: #fef3c7;--fp-ember-200: #fde68a;--fp-ember-300: #fcd34d;--fp-ember-400: #fbbf24;--fp-ember-500: #f59e0b;--fp-ember-600: #d97706;--fp-ember-700: #b45309;--fp-ember-800: #92400e;--fp-ember-900: #78350f;--fp-slate-50: #f8fafc;--fp-slate-100: #f1f5f9;--fp-slate-200: #e2e8f0;--fp-slate-300: #cbd5e1;--fp-slate-400: #94a3b8;--fp-slate-500: #64748b;--fp-slate-600: #475569;--fp-slate-700: #334155;--fp-slate-800: #1e293b;--fp-slate-900: #0f172a;--fp-slate-950: #020617;--fp-success: #10b981;--fp-success-soft: #d1fae5;--fp-warning: #f59e0b;--fp-warning-soft: #fef3c7;--fp-error: #ef4444;--fp-error-soft: #fee2e2;--fp-info: #3b82f6;--fp-info-soft: #dbeafe;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgb(20 184 166 / .3);--shadow-glow-ember: 0 0 20px rgb(245 158 11 / .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--bg-primary: var(--fp-slate-50);--bg-secondary: #ffffff;--bg-tertiary: var(--fp-slate-100);--bg-card: #ffffff;--bg-header: linear-gradient(135deg, var(--fp-slate-900) 0%, var(--fp-slate-800) 100%);--bg-input: #ffffff;--text-primary: var(--fp-slate-900);--text-secondary: var(--fp-slate-600);--text-muted: var(--fp-slate-500);--text-light: var(--fp-slate-400);--border-primary: var(--fp-slate-200);--border-secondary: var(--fp-slate-300);--border-light: var(--fp-slate-100);--accent-primary: var(--fp-teal-600);--accent-secondary: var(--fp-teal-500);--accent-highlight: var(--fp-ember-500);--code-bg: var(--fp-slate-100);--code-text: var(--fp-slate-700)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg-primary: var(--fp-slate-950);--bg-secondary: var(--fp-slate-900);--bg-tertiary: var(--fp-slate-800);--bg-card: var(--fp-slate-900);--bg-header: linear-gradient(135deg, var(--fp-slate-950) 0%, var(--fp-slate-900) 100%);--bg-input: var(--fp-slate-800);--text-primary: var(--fp-slate-50);--text-secondary: var(--fp-slate-300);--text-muted: var(--fp-slate-400);--text-light: var(--fp-slate-500);--border-primary: var(--fp-slate-700);--border-secondary: var(--fp-slate-600);--border-light: var(--fp-slate-800);--code-bg: var(--fp-slate-800);--code-text: var(--fp-slate-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5)}}:root[data-theme=dark]{--bg-primary: var(--fp-slate-950);--bg-secondary: var(--fp-slate-900);--bg-tertiary: var(--fp-slate-800);--bg-card: var(--fp-slate-900);--bg-header: linear-gradient(135deg, var(--fp-slate-950) 0%, var(--fp-slate-900) 100%);--bg-input: var(--fp-slate-800);--text-primary: var(--fp-slate-50);--text-secondary: var(--fp-slate-300);--text-muted: var(--fp-slate-400);--text-light: var(--fp-slate-500);--border-primary: var(--fp-slate-700);--border-secondary: var(--fp-slate-600);--border-light: var(--fp-slate-800);--code-bg: var(--fp-slate-800);--code-text: var(--fp-slate-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5)}@keyframes fp-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fp-scan{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fp-glow{0%,to{box-shadow:0 0 5px var(--fp-teal-500),0 0 10px var(--fp-teal-500)}50%{box-shadow:0 0 20px var(--fp-teal-500),0 0 30px var(--fp-teal-500)}}@keyframes fp-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-slow),color var(--transition-slow)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.app:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:radial-gradient(circle at 20% 30%,var(--fp-teal-500) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--fp-ember-500) 0%,transparent 50%);z-index:0}:root[data-theme=dark] .app:before,:root[data-theme=system] .app:before{opacity:.05}@media(prefers-color-scheme:dark){:root[data-theme=system] .app:before{opacity:.05}}.header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);background:var(--bg-header);color:#fff;overflow:hidden;z-index:10}.header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--fp-teal-400) 20%,var(--fp-teal-300) 50%,var(--fp-teal-400) 80%,transparent 100%);animation:fp-scan 3s ease-in-out infinite}.header-content{text-align:left;z-index:1}.header h1{margin:0;font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-3)}.header h1:before{content:"";display:inline-block;width:32px;height:32px;background:linear-gradient(135deg,var(--fp-teal-400) 0%,var(--fp-teal-300) 100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C9.38 2 7.25 4.13 7.25 6.75c0 1.03.33 1.99.89 2.77l-.22.22c-.59.59-.59 1.54 0 2.12.59.59 1.54.59 2.12 0l.22-.22c.78.56 1.74.89 2.77.89 2.62 0 4.75-2.13 4.75-4.75S14.62 2 12 2zm0 7.5c-1.52 0-2.75-1.23-2.75-2.75S10.48 4 12 4s2.75 1.23 2.75 2.75S13.52 9.5 12 9.5zM3 12c0 4.97 4.03 9 9 9 1.73 0 3.35-.5 4.72-1.36l-1.44-1.44C14.39 18.72 13.24 19 12 19c-3.87 0-7-3.13-7-7 0-1.24.33-2.39.8-3.28L4.36 7.28C3.5 8.65 3 10.27 3 12zm18 0c0-1.73-.5-3.35-1.36-4.72l-1.44 1.44c.44.89.8 1.87.8 3.28 0 3.87-3.13 7-7 7-.76 0-1.49-.13-2.18-.36l-1.46 1.46C9.13 20.69 10.51 21 12 21c4.97 0 9-4.03 9-9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C9.38 2 7.25 4.13 7.25 6.75c0 1.03.33 1.99.89 2.77l-.22.22c-.59.59-.59 1.54 0 2.12.59.59 1.54.59 2.12 0l.22-.22c.78.56 1.74.89 2.77.89 2.62 0 4.75-2.13 4.75-4.75S14.62 2 12 2zm0 7.5c-1.52 0-2.75-1.23-2.75-2.75S10.48 4 12 4s2.75 1.23 2.75 2.75S13.52 9.5 12 9.5zM3 12c0 4.97 4.03 9 9 9 1.73 0 3.35-.5 4.72-1.36l-1.44-1.44C14.39 18.72 13.24 19 12 19c-3.87 0-7-3.13-7-7 0-1.24.33-2.39.8-3.28L4.36 7.28C3.5 8.65 3 10.27 3 12zm18 0c0-1.73-.5-3.35-1.36-4.72l-1.44 1.44c.44.89.8 1.87.8 3.28 0 3.87-3.13 7-7 7-.76 0-1.49-.13-2.18-.36l-1.46 1.46C9.13 20.69 10.51 21 12 21c4.97 0 9-4.03 9-9z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.header .subtitle{margin:var(--space-1) 0 0;opacity:.7;font-size:var(--text-sm);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.theme-toggle:hover{background:#fff3;border-color:#fff6;transform:scale(1.02)}.theme-toggle:active{transform:scale(.98)}.theme-icon{font-size:var(--text-lg);line-height:1}.theme-label{font-weight:500}@media(max-width:640px){.header{flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-4);text-align:center}.header-content{text-align:center}.header h1{font-size:var(--text-2xl);justify-content:center}.theme-toggle{align-self:center}}.main{flex:1;padding:var(--space-8);max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1;animation:fp-fade-in .5s ease-out}@media(max-width:768px){.main{padding:var(--space-4)}}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--fp-ember-500) 0%,var(--fp-ember-600) 100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:500;box-shadow:var(--shadow-md),var(--shadow-glow-ember)}.error-banner .error-note{opacity:.9;font-size:var(--text-sm)}.visitor-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);position:relative;overflow:hidden;animation:fp-scale-in .4s ease-out}.visitor-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:fp-shimmer 2s ease-in-out infinite;animation-delay:1s}.visitor-banner.returning{background:linear-gradient(135deg,var(--fp-teal-600) 0%,var(--fp-teal-700) 100%);border:1px solid var(--fp-teal-500);color:#fff}.visitor-banner.new{background:linear-gradient(135deg,var(--fp-slate-700) 0%,var(--fp-slate-800) 100%);border:1px solid var(--fp-slate-600);color:#fff}.visitor-icon{font-size:var(--text-3xl);flex-shrink:0}.visitor-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.visitor-info strong{font-size:var(--text-lg);font-weight:600;color:#fff}.visitor-info span{font-size:var(--text-sm);opacity:.85;color:#fff}.match-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.match-badge.success{background:var(--fp-teal-400);color:var(--fp-slate-900)}.match-badge.warning{background:var(--fp-ember-400);color:var(--fp-slate-900)}.match-badge.new{background:#fff;color:var(--fp-slate-800)}.name-prompt-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fp-fade-in .3s ease-out}.name-prompt{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;width:90%;text-align:center;animation:fp-scale-in .3s ease-out;border:1px solid var(--border-primary)}.name-prompt h3{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--text-primary)}.name-prompt p{margin:0 0 var(--space-6);color:var(--text-secondary)}.name-prompt input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.name-prompt input:focus{outline:none;border-color:var(--fp-teal-500);box-shadow:0 0 0 3px #14b8a626}.name-prompt-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.name-prompt .save-btn,.name-prompt .skip-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none}.name-prompt .save-btn{background:linear-gradient(135deg,var(--fp-teal-500) 0%,var(--fp-teal-600) 100%);color:#fff}.name-prompt .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.name-prompt .save-btn:disabled{opacity:.5;cursor:not-allowed}.name-prompt .skip-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.name-prompt .skip-btn:hover{background:var(--border-primary)}.tab-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-primary);flex-wrap:wrap;position:relative}.tab-btn{position:relative;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-muted);font-weight:500;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:all var(--transition-base);white-space:nowrap}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--fp-teal-500);transform:scaleX(0);transition:transform var(--transition-base)}.tab-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{color:var(--fp-teal-500);background:var(--bg-secondary)}.tab-btn.active:after{transform:scaleX(1)}.tab-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.tab-nav{gap:var(--space-1);overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.fingerprint-section{text-align:center;margin-bottom:var(--space-8)}.fingerprint-section h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.fingerprint-display{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0}.fingerprint-id{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--fp-teal-500) 0%,var(--fp-teal-600) 100%);color:#fff;border-radius:var(--radius-xl);letter-spacing:.05em;position:relative;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:fp-glow 3s ease-in-out infinite}.fingerprint-display.device-fp{margin:var(--space-4) 0}.fingerprint-id.device{font-size:var(--text-2xl);padding:var(--space-4) var(--space-8);letter-spacing:.1em}.copy-btn{padding:var(--space-3) var(--space-4);background:var(--fp-slate-800);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base)}.copy-btn:hover{background:var(--fp-slate-700);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.description{color:var(--text-muted);max-width:600px;margin:var(--space-4) auto;line-height:1.7}.description.small{font-size:var(--text-sm);margin:var(--space-2) auto;max-width:500px}.device-fp-stats{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.device-fp-stats .stat{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-full);font-weight:500;border:1px solid var(--border-primary)}.debug-signals{margin-top:var(--space-4);text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.debug-signals summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2);transition:color var(--transition-fast)}.debug-signals summary:hover{color:var(--text-primary)}.debug-content{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--space-2);border:1px solid var(--border-primary)}.debug-signal{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--code-bg);border-radius:var(--radius-sm);color:var(--code-text)}.visitor-id-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.visitor-id-section h3{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-3);font-weight:500}.fingerprint-display.small{margin:var(--space-3) 0;gap:var(--space-3)}.fingerprint-id.small{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--fp-slate-500) 0%,var(--fp-slate-600) 100%);letter-spacing:.02em;box-shadow:var(--shadow-md);animation:none}.copy-btn.small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.loading{padding:var(--space-8);color:var(--text-muted);font-style:italic;text-align:center}.loading.small{padding:var(--space-4);font-size:var(--text-sm)}.error{padding:var(--space-4);background:var(--fp-error-soft);color:var(--fp-error);border-radius:var(--radius-lg);border:1px solid var(--fp-error)}.error.small{padding:var(--space-2);font-size:var(--text-sm)}.database-info{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.database-info h3{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-4);font-weight:600}.db-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.db-field{display:flex;flex-direction:column;gap:var(--space-1)}.db-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.db-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--fp-teal-400),var(--fp-teal-600))}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--fp-teal-600);line-height:1}:root[data-theme=dark] .stat-value,:root[data-theme=system] .stat-value{color:var(--fp-teal-400)}@media(prefers-color-scheme:dark){:root[data-theme=system] .stat-value{color:var(--fp-teal-400)}}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);font-weight:500}.signals-section{margin-bottom:var(--space-8)}.signals-section h2{color:var(--text-primary);margin-bottom:var(--space-6);text-align:center;font-size:var(--text-2xl)}.signals-category{margin-bottom:var(--space-6);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-secondary)}.signals-category-header{display:flex;align-items:center;padding:var(--space-4) var(--space-6);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base);border-bottom:1px solid var(--border-primary)}.signals-category-header:hover{background:var(--border-primary)}.signals-category-header h3{margin:0;flex:1;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.category-icon{font-size:var(--text-xl);margin-right:var(--space-3)}.category-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-card);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-right:var(--space-4);font-weight:500;border:1px solid var(--border-primary)}.category-toggle{font-size:var(--text-xl);color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid var(--border-primary)}.signals-category-header:hover .category-toggle{background:var(--bg-secondary);color:var(--text-primary)}.signals-category>.signals-grid{padding:var(--space-4);background:var(--bg-card)}.storage-sections{padding:var(--space-4);background:var(--bg-card);display:flex;flex-direction:column;gap:var(--space-4)}.signals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.signal-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--border-primary)}.signal-card:hover{box-shadow:var(--shadow-md);border-color:var(--fp-teal-500)}.signal-header{display:flex;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.signal-header:hover{background:var(--border-primary)}.signal-icon{font-size:var(--text-xl);margin-right:var(--space-3)}.signal-title{flex:1;font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.signal-expand{font-size:var(--text-lg);color:var(--text-muted);width:24px;text-align:center}.signal-content{padding:var(--space-4)}.signal-row{display:flex;align-items:flex-start;padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);font-size:var(--text-sm);gap:var(--space-3)}.signal-row:last-child{border-bottom:none}.signal-key{color:var(--text-muted);min-width:100px;flex-shrink:0;font-weight:500}.signal-value{color:var(--text-primary);word-break:break-word;flex:1;font-family:var(--font-mono);font-size:var(--text-xs)}.signal-more{color:var(--fp-teal-600);font-size:var(--text-sm);cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--fp-teal-50);border-radius:var(--radius-md);transition:all var(--transition-base);margin-top:var(--space-2);font-weight:500}:root[data-theme=dark] .signal-more{background:#14b8a626;color:var(--fp-teal-400)}.signal-more:hover{background:var(--fp-teal-500);color:#fff}.signal-more-text{font-weight:500}.signal-more-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--fp-slate-800);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;margin-bottom:var(--space-2);box-shadow:var(--shadow-lg);z-index:10}.signal-more-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--fp-slate-800)}.signal-more:hover .signal-more-tooltip{opacity:1;visibility:visible}.signal-less{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-base);margin-top:var(--space-2)}.signal-less:hover{background:var(--border-primary);color:var(--text-primary)}.signal-less-text{font-weight:500}.cookies-section,.storage-section,.indexeddb-section{margin-top:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-primary)}.cookies-header,.storage-header,.indexeddb-header{display:flex;align-items:center;padding:var(--space-4) var(--space-6);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.cookies-header:hover,.storage-header:hover,.indexeddb-header:hover{background:var(--border-primary)}.cookies-icon,.storage-icon,.indexeddb-icon{font-size:var(--text-xl);margin-right:var(--space-3)}.cookies-header h3,.storage-header h3,.indexeddb-header h3{flex:1;margin:0;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.cookies-expand,.storage-expand,.indexeddb-expand{font-size:var(--text-xl);color:var(--text-muted)}.cookies-summary,.storage-summary,.indexeddb-summary{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.cookie-stat,.storage-stat,.indexeddb-stat{font-size:var(--text-sm);color:var(--text-muted)}.cookie-stat strong,.storage-stat strong,.indexeddb-stat strong{color:var(--text-primary);font-weight:600}.cookies-table-wrapper,.storage-table-wrapper{overflow-x:auto}.storage-table-wrapper{max-height:400px;overflow-y:auto}.cookies-table,.storage-table{width:100%;border-collapse:collapse}.cookies-table th,.storage-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-size:var(--text-sm);position:sticky;top:0}.cookies-table td,.storage-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);vertical-align:top;font-size:var(--text-sm)}.cookie-name,.storage-key{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fp-teal-600);font-weight:500;white-space:nowrap}:root[data-theme=dark] .cookie-name,:root[data-theme=dark] .storage-key{color:var(--fp-teal-400)}.cookie-value,.storage-value{max-width:350px}.cookie-value code,.storage-value code{font-size:var(--text-xs);background:var(--code-bg);color:var(--code-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);word-break:break-all;display:inline-block;max-width:100%}.cookie-decoded{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);font-style:italic}.cookie-type,.storage-type,.database-type{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.cookie-type.session,.storage-type.session{background:#dbeafe;color:#1e40af}.cookie-type.auth,.storage-type.auth{background:#fce7f3;color:#9d174d}.cookie-type.analytics,.storage-type.analytics{background:#fef3c7;color:#92400e}.cookie-type.tracking,.storage-type.tracking{background:#fee2e2;color:#991b1b}.cookie-type.preference,.storage-type.preference{background:#d1fae5;color:#065f46}.cookie-type.security{background:#e0e7ff;color:#3730a3}.cookie-type.fingerprint,.cookie-type.visitor,.storage-type.fingerprint,.storage-type.history{background:var(--fp-teal-100);color:var(--fp-teal-800)}.cookie-type.cloudflare{background:#ffedd5;color:#c2410c}.cookie-type.other,.storage-type.other{background:var(--bg-tertiary);color:var(--text-muted)}.storage-type.state{background:#dbeafe;color:#1e40af}.storage-type.persist{background:#e0e7ff;color:#3730a3}.storage-type.user{background:#fce7f3;color:#9d174d}.storage-type.cache{background:#e0f2fe;color:#0369a1}.storage-type.debug{background:#fecaca;color:#991b1b}.storage-type.array,.storage-type.object{background:#cffafe;color:#0e7490}.cookie-size,.storage-size{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.no-cookies,.no-storage,.no-indexeddb{padding:var(--space-8);text-align:center;color:var(--text-muted)}.json-details{cursor:pointer}.json-details summary{list-style:none}.json-details summary::-webkit-details-marker{display:none}.json-details summary code:before{content:"+ ";color:var(--fp-teal-500);font-weight:700}.json-details[open] summary code:before{content:"- "}.json-preview{margin-top:var(--space-2);padding:var(--space-3);background:var(--fp-slate-800);color:var(--fp-slate-200);border-radius:var(--radius-md);font-size:var(--text-xs);overflow-x:auto;max-height:200px;overflow-y:auto;font-family:var(--font-mono)}.indexeddb-databases{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.database-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.database-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);flex-wrap:wrap;gap:var(--space-2)}.database-info{display:flex;align-items:center;gap:var(--space-3)}.database-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.database-type.firebase{background:#fef3c7;color:#b45309}.database-type.localforage{background:#dbeafe;color:#1e40af}.database-type.fingerprint{background:var(--fp-teal-100);color:var(--fp-teal-800)}.database-type.service-worker,.database-type.cache{background:#d1fae5;color:#065f46}.database-type.key-value{background:#e0e7ff;color:#3730a3}.database-type.auth{background:#fce7f3;color:#9d174d}.database-type.analytics{background:#fef3c7;color:#92400e}.database-type.sentry{background:#fee2e2;color:#991b1b}.database-type.other{background:var(--bg-tertiary);color:var(--text-muted)}.database-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.object-stores{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.object-store{background:var(--bg-card);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-light)}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.store-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fp-teal-600);font-weight:500}:root[data-theme=dark] .store-name{color:var(--fp-teal-400)}.store-count{font-size:var(--text-xs);color:var(--text-muted)}.store-details{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs)}.store-detail{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted)}.store-samples{margin-top:var(--space-2)}.store-samples summary{font-size:var(--text-xs);color:var(--text-muted);cursor:pointer}.sample-records{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sample-record{font-size:var(--text-xs);background:var(--fp-slate-800);color:var(--fp-slate-200);padding:var(--space-2);border-radius:var(--radius-sm);word-break:break-all;display:block;font-family:var(--font-mono)}.store-note,.database-note{font-size:var(--text-xs);color:var(--text-light);font-style:italic;margin-top:var(--space-2)}.stability-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.stability-badge.small{padding:2px var(--space-2);font-size:10px}.stability-badge.stable{background:var(--fp-success-soft);color:#065f46}.stability-badge.mostly-stable{background:var(--fp-warning-soft);color:#92400e}.stability-badge.unstable{background:#fed7aa;color:#c2410c}.stability-badge.volatile{background:var(--fp-error-soft);color:#991b1b}.components-section{margin-bottom:var(--space-8)}.components-section h2{color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-2xl)}.components-table{overflow-x:auto;margin-top:var(--space-6)}.components-table table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.components-table th{background:var(--bg-tertiary);padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-size:var(--text-sm)}.components-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm)}.component-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fp-teal-600);font-weight:500}:root[data-theme=dark] .component-name{color:var(--fp-teal-400)}.component-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-word;max-width:400px}.component-stability{text-align:center}.stability-section{margin-bottom:var(--space-8)}.stability-section h2{color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-2xl)}.stability-section h3{color:var(--text-primary);margin:var(--space-8) 0 var(--space-4);font-size:var(--text-lg)}.stability-overview{display:flex;flex-direction:column;gap:var(--space-6);background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-6);border:1px solid var(--border-primary)}.stability-meter{display:flex;align-items:center;gap:var(--space-4)}.meter-label{min-width:180px;font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.meter-bar{flex:1;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-primary)}.meter-fill{height:100%;background:linear-gradient(90deg,var(--fp-teal-400) 0%,var(--fp-teal-600) 100%);border-radius:var(--radius-full);transition:width .5s ease}.meter-value{min-width:50px;text-align:right;font-weight:700;color:var(--fp-teal-600);font-family:var(--font-mono)}:root[data-theme=dark] .meter-value{color:var(--fp-teal-400)}.stability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.stability-item{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.stability-item:hover{box-shadow:var(--shadow-md)}.stability-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.stability-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.stability-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.stability-fill{height:100%;background:linear-gradient(90deg,var(--fp-success) 0%,#16a34a 100%);border-radius:var(--radius-full);transition:width .3s ease}.stability-item.unstable .stability-fill{background:linear-gradient(90deg,var(--fp-warning) 0%,#d97706 100%)}.stability-note{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.changes-section{margin-bottom:var(--space-8)}.changes-section h2{color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-2xl)}.changes-section h3{color:var(--text-primary);margin:var(--space-8) 0 var(--space-4);font-size:var(--text-lg)}.fingerprint-comparison{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-6) 0}.fingerprint-comparison.match{background:linear-gradient(135deg,var(--fp-teal-100) 0%,var(--fp-teal-50) 100%);border:2px solid var(--fp-teal-500)}.fingerprint-comparison.mismatch{background:linear-gradient(135deg,var(--fp-error-soft) 0%,#fff5f5 100%);border:2px solid var(--fp-error)}:root[data-theme=dark] .fingerprint-comparison.match{background:linear-gradient(135deg,#14b8a633,#14b8a61a)}:root[data-theme=dark] .fingerprint-comparison.mismatch{background:linear-gradient(135deg,#ef444433,#ef44441a)}.comparison-icon{font-size:var(--text-2xl);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-card);box-shadow:var(--shadow-sm)}.fingerprint-comparison.match .comparison-icon{color:var(--fp-teal-600)}.fingerprint-comparison.mismatch .comparison-icon{color:var(--fp-error)}.comparison-text{font-weight:600;color:var(--text-primary)}.no-changes{text-align:center;padding:var(--space-12);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.no-changes-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.no-changes p{color:var(--text-muted)}.changes-table{overflow-x:auto}.changes-table table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.changes-table th{background:var(--bg-tertiary);padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-size:var(--text-sm)}.changes-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm)}.change-name{font-family:var(--font-mono);color:var(--fp-teal-600);font-weight:500}:root[data-theme=dark] .change-name{color:var(--fp-teal-400)}.change-prev{color:var(--fp-error);background:#ef44441a}.change-curr{color:var(--fp-success);background:#10b9811a}.pages-section h2{color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-2xl)}.pages-section .description{text-align:center;margin-bottom:var(--space-6)}.global-stats h2{color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-2xl)}.global-stats .description{text-align:center;margin-bottom:var(--space-6)}.clear-history{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.clear-btn{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:var(--text-sm);transition:all var(--transition-base)}.clear-btn:hover{background:var(--border-primary);color:var(--text-primary)}.clear-note{color:var(--text-light);font-size:var(--text-sm)}.footer{text-align:center;padding:var(--space-8);background:var(--bg-secondary);color:var(--text-muted);border-top:1px solid var(--border-primary);position:relative;z-index:1}.footer p{margin:var(--space-1) 0}.footer .note{font-size:var(--text-sm);font-style:italic;color:var(--text-light)}@media(max-width:640px){.stability-meter{flex-direction:column;align-items:stretch;gap:var(--space-2)}.meter-label{min-width:auto}.meter-value{text-align:left;margin-top:var(--space-1)}.fingerprint-comparison{flex-direction:column;text-align:center;padding:var(--space-4)}.clear-history{flex-direction:column;gap:var(--space-2)}.db-fields,.signals-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}}@media print{.app:before,.header:after,.theme-toggle,.clear-history{display:none}.header{background:var(--fp-slate-800)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}