:root{--background:#fff;--foreground:#000;--surface:#f8fafc;--surface-hover:#f1f5f9;--card-bg:#fff;--card-border:#e2e8f0;--input-bg:#fff;--input-border:#e2e8f0;--muted:#000;--muted-strong:#000;--code-bg:#f1f5f9;--tag-bg:#fef3c7;--tag-text:#92400e;--badge-bg:#fef3c7;--badge-text:#b45309;--copy-btn-bg:#f1f5f9;--copy-btn-hover-bg:#f59e0b;--copy-btn-text:#000;--copy-btn-hover-text:#fff;--accent:#f59e0b;--accent-hover:#d97706;--accent-soft:#f59e0b1f;--ring:#f59e0b73;--shadow-sm:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f;--shadow-md:0 2px 4px -1px #0f172a0d,0 8px 16px -6px #0f172a1a;--shadow-lg:0 4px 8px -2px #0f172a0f,0 20px 40px -12px #0f172a29;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.dark{--background:#000;--foreground:#fff;--surface:#18181b;--surface-hover:#27272a;--card-bg:#09090b;--card-border:#27272a;--input-bg:#09090b;--input-border:#27272a;--muted:#fff;--muted-strong:#fff;--code-bg:#18181b;--tag-bg:#f59e0b26;--tag-text:#fbbf24;--badge-bg:#f59e0b26;--badge-text:#fbbf24;--copy-btn-bg:#18181b;--copy-btn-hover-bg:#f59e0b;--copy-btn-text:#fff;--copy-btn-hover-text:#000;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-soft:#f59e0b29;--ring:#f59e0b8c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px -4px #00000080;--shadow-lg:0 16px 40px -12px #000000b3}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5;transition:background .3s,color .3s}h1,h2,h3,h4,h5{letter-spacing:-.018em}h1{letter-spacing:-.025em}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.875rem;transition:background .3s,border-color .3s}.btn-primary{background:var(--surface);border:1px solid var(--card-border);color:var(--accent);font-weight:600;transition:all .2s}.btn-primary:not(:disabled):hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-solid{background:var(--accent);border:1px solid var(--accent);color:#000;cursor:pointer;font-weight:600;transition:all .2s}.btn-solid:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#000}.btn-solid:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:#0000000d;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.dark .theme-toggle{background:#ffffff0d}.theme-toggle:hover{color:var(--accent);background:#0000001a}.dark .theme-toggle:hover{color:var(--accent);background:#ffffff1a}input,textarea,select,code,pre{transition:background .2s,border-color .2s,color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--ring)!important}.auth-card{box-shadow:var(--shadow-lg);border-radius:1.25rem;animation:.4s ease-out both authCardIn;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}@keyframes authCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.elevate-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.elevate-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}:root{--profile-gradient:var(--card-bg);--profile-gradient-overlay:transparent;--profile-shadow:0 4px 6px -1px #0f172a0f,0 12px 32px -8px #0f172a1a;--profile-action-shadow:0 2px 8px -2px #0f172a14}.dark{--profile-gradient:var(--card-bg);--profile-gradient-overlay:transparent;--profile-shadow:0 1px 0 #ffffff0d,0 16px 48px -12px #000000a6;--profile-action-shadow:0 4px 20px -4px #00000080}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--profile-shadow);border-radius:1.25rem;transition:box-shadow .3s,border-color .3s,transform .25s}.profile-card-sm{border-radius:1rem}.profile-card-interactive:hover{border-color:color-mix(in srgb,var(--accent)35%,var(--card-border));box-shadow:var(--profile-shadow),0 0 0 1px color-mix(in srgb,var(--accent)12%,transparent);transform:translateY(-1px)}.profile-header-gradient{background:var(--profile-gradient);position:relative;overflow:hidden}.profile-header-gradient:after{content:"";background:var(--profile-gradient-overlay);pointer-events:none;position:absolute;inset:0}.profile-fade-in{animation:.45s ease-out both profileFadeIn}.profile-stagger-1{animation-delay:50ms}.profile-stagger-2{animation-delay:.1s}.profile-stagger-3{animation-delay:.15s}.profile-stagger-4{animation-delay:.2s}.profile-stagger-5{animation-delay:.25s}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-segment-track{background:var(--surface);border:1px solid var(--card-border);border-radius:.875rem;gap:.25rem;padding:.25rem;display:flex}.theme-segment-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.theme-segment-btn:hover:not(.theme-segment-btn-active){color:var(--foreground);background:var(--surface-hover)}.theme-segment-btn-active{background:var(--card-bg);color:var(--foreground);box-shadow:0 1px 3px #00000014,0 2px 8px -2px #0000000f}.dark .theme-segment-btn-active{background:var(--surface-hover);box-shadow:0 2px 12px #00000059}
@media (max-width:767px){html{-webkit-text-size-adjust:100%}body{overflow-x:clip}.dashboard-shell{gap:1.5rem!important;padding:1rem!important}.dashboard-shell>header{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;max-width:100%;padding:.375rem;overflow:visible;display:grid!important}.dashboard-nav a{text-align:center;white-space:normal;word-break:break-word;justify-content:center;align-items:center;width:100%;min-height:2.5rem;padding:.5rem .375rem;font-size:.8125rem;line-height:1.2;display:flex}.dashboard-header-actions{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));place-items:stretch stretch;gap:.5rem;width:100%;margin-top:0!important;display:grid!important}.dashboard-header-actions .theme-toggle{justify-self:stretch;width:100%}.dashboard-header-actions a[href=\/history]{text-align:center;justify-content:center;width:100%}.dashboard-header-actions a[href=\/profile],.dashboard-header-actions>button{justify-self:center}.guest-mode-banner{flex-direction:column;gap:.75rem;align-items:flex-start!important}.guest-mode-banner .guest-mode-banner-cta{align-self:flex-start;margin-left:0!important}.history-shell{padding:1rem!important}.history-shell>header{flex-direction:column;align-items:stretch;gap:.75rem}.history-shell .history-header-actions{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;width:100%;display:grid!important}.history-shell .history-header-actions .theme-toggle{justify-self:end}.history-shell .history-header-actions button.hidden{justify-self:end;align-items:center;min-height:2.25rem;padding:0 .5rem;display:inline-flex!important}.card.p-6,.card.p-8,section.card.p-6,section.card.p-8{padding:1.25rem!important}.profile-card{border-radius:1rem}.locator-result-row{flex-wrap:wrap;align-items:flex-start;row-gap:.5rem}.locator-result-row .locator-result-code{flex:100%;order:2;min-width:0}.locator-result-row .locator-result-tag{order:0}.locator-result-row .locator-result-copy{order:3;margin-left:auto}.perf-score-section{text-align:center;flex-direction:column;align-items:center}.perf-score-section .perf-score-details{text-align:left;width:100%}.date-filter-presets{flex-wrap:wrap;max-width:100%}.dashboard-shell h1.text-2xl{font-size:1.375rem;line-height:1.3}.card .text-3xl.font-bold{font-size:1.75rem}.card.min-h-\[350px\]{min-height:260px!important}.card.min-h-\[300px\]{min-height:220px!important}.card .min-h-\[250px\]{height:220px!important;min-height:200px!important}.overflow-x-auto{-webkit-overflow-scrolling:touch;margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.overflow-x-auto table{font-size:.8125rem}.overflow-x-auto th,.overflow-x-auto td{padding-right:.75rem}.profile-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.profile-detail-value{white-space:normal;word-break:break-word;text-align:left!important;max-width:100%!important}.history-snippet-panel{flex-direction:column!important}.history-snippet-panel>div{flex:100%!important;min-width:0!important}.auth-card{padding:1.5rem!important}.theme-toggle,.dashboard-nav a,.btn-primary{min-height:2.25rem}code,pre,.font-mono{word-break:break-word;overflow-wrap:anywhere}@media (max-width:380px){.perf-metrics-grid{grid-template-columns:1fr!important}}}