@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#00796b;--color-primary-hover:#00695c;--color-primary-light:#4db6ac;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#0277bd;--status-available:var(--color-success);--status-degraded:#eab308;--status-unavailable:var(--color-error);--status-unconfigured:#9ca3af;--warning-bg:#fef3c7;--warning-border:var(--color-warning);--warning-text:#92400e;--indicator-good:var(--color-success);--indicator-warn:var(--color-warning);--indicator-poor:var(--color-error);--color-text-primary:#212121;--color-text-secondary:#616161;--color-text-muted:#757575;--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f5f5;--onboarding-overlay:rgba(0,0,0,.75);--onboarding-card-bg:#fff;--onboarding-card-hover:#f0f9ff;--onboarding-card-selected:var(--color-primary);--color-border:#e0e0e0;--color-border-focus:var(--color-primary);--bg-color:var(--color-bg-primary);--text-color:var(--color-text-primary);--container-bg:var(--color-bg-secondary);--border-color:var(--color-border);--accent-color:var(--color-primary-light);--accent-color-bright:#80cbc4;--subtle-text-color:var(--color-text-secondary);--error-color:var(--color-error);--warn-color:var(--color-warning);--success-color:var(--color-success)}body.dark-mode{--color-primary:#4db6ac;--color-primary-hover:#80cbc4;--color-success:#66bb6a;--color-warning:#ffa726;--color-error:#ef5350;--color-text-primary:#e8eaed;--color-text-secondary:#9aa0a6;--color-text-muted:#5f6368;--color-bg-primary:#1a1d24;--color-bg-secondary:#242830;--color-bg-tertiary:#2c3038;--warning-bg:#422006;--warning-text:#fef3c7;--onboarding-card-bg:var(--color-bg-secondary);--onboarding-card-hover:#2c3038;--color-border:#3a3f4b;--bg-color:var(--color-bg-primary);--text-color:var(--color-text-primary);--container-bg:var(--color-bg-secondary);--border-color:var(--color-border);--accent-color:var(--color-primary);--accent-color-bright:var(--color-primary-hover);--subtle-text-color:var(--color-text-secondary);--error-color:var(--color-error);--warn-color:var(--color-warning);--success-color:var(--color-success)}:root{--font-family-base:"Inter","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono","Consolas","Liberation Mono",monospace;--font-size-base:18px;--font-size-large:20px;--font-size-small:16px;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-metric-value:36px;--font-size-metric-label:14px;--font-size-metric-unit:16px;--font-size-tooltip-title:14px;--font-size-tooltip-body:13px;--font-size-warning-title:15px;--font-size-warning-body:14px;--line-height-base:1.7;--line-height-heading:1.3;--line-height-tight:1.4;--line-height-tooltip:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-touch-min:48px;--spacing-touch-safe:56px;--spacing-touch-buffer:8px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-card-padding:clamp(16px,3vw,24px);--spacing-section-gap:clamp(16px,4vw,32px);--onboarding-card-min-height:100px;--onboarding-card-gap:16px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes pulse-online{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes card-hover-lift{0%{transform:translateY(0)}to{transform:translateY(-2px)}}:root{--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--shadow-2xl:0 25px 50px rgba(0,0,0,.25)}body.dark-mode{--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6);--shadow-2xl:0 25px 50px rgba(0,0,0,.7)}:root{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-toast:10000;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}:focus-visible{outline:2px solid #00796b;outline:2px solid var(--color-border-focus)}.skip-to-main{background:#00796b;left:0;padding:8px 16px;top:-40px;z-index:1000;z-index:var(--z-modal)}.skip-to-main:focus{top:0}.touch-target{min-height:48px;min-height:var(--spacing-touch-min);min-width:48px;min-width:var(--spacing-touch-min)}@media (prefers-contrast:high){:root{--color-text-primary:#000;--color-bg-primary:#fff;--color-border:#000}body.dark-mode{--color-text-primary:#fff;--color-bg-primary:#000;--color-border:#fff}}@media (forced-colors:active){*{forced-color-adjust:auto}}@media print{:root{--color-bg-primary:#fff;--color-text-primary:#000}body{background:#fff;color:#000}.no-print{display:none!important}}*,:after,:before{box-sizing:border-box}html{overflow-x:hidden}body{max-width:100vw}#root{overflow-x:hidden;width:100%}#root,#root>*{max-width:100%}body.light-mode{--color-bg-primary:#f8f9fa;--color-bg-secondary:#fff;--color-bg-tertiary:#f0f0f0;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-border:#dadce0;--color-primary:#00796b;--color-primary-hover:#00695c;--bg-color:var(--color-bg-primary);--text-color:var(--color-text-primary);--container-bg:var(--color-bg-secondary);--border-color:var(--color-border);--accent-color:var(--color-primary);--accent-color-bright:var(--color-primary-hover);--subtle-text-color:var(--color-text-secondary)}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;padding:clamp(.25rem,2vw,1.5rem);transition:background-color .3s,color .3s}.container,body{overflow-x:hidden;width:100%}.container{background:var(--container-bg);border:1px solid var(--border-color);border-radius:18px;margin:auto;max-width:960px;padding:clamp(.5rem,3vw,2.25rem)}@media (min-width:1280px){.container{max-width:1400px}}.desktop-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;width:100%}.desktop-column{min-width:0}.desktop-column-advanced{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.5rem}.desktop-column-advanced::-webkit-scrollbar{width:6px}.desktop-column-advanced::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.desktop-column-advanced::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.desktop-column-advanced::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.tabs-container.desktop-mode .tabs{justify-content:flex-end}@media (min-width:1280px){.hamburger-btn{display:none!important}.tabs{display:flex!important}}.foreground-warning{background-color:rgba(255,193,7,.15);border:1px solid var(--warn-color);border-radius:6px;color:var(--warn-color);font-weight:600;margin:1rem 0;padding:.75rem 1rem;text-align:center}h1{letter-spacing:2px;text-align:center;text-transform:uppercase}h1,h2,h3{color:var(--accent-color)}a{color:var(--accent-color-bright);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color);text-decoration:underline}h2,h3{border-bottom:1px solid var(--border-color);letter-spacing:.5px;padding-bottom:.5rem}button,h2,h3{font-weight:600}button{align-items:center;background-color:transparent;border:2px solid var(--accent-color);border-radius:8px;color:var(--accent-color);cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;letter-spacing:.3px;min-height:48px;padding:.75rem 1.5rem;transition:all .2s ease}button:hover:not(:disabled){background-color:var(--accent-color);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateY(0)}.secondary{background-color:transparent;border-color:var(--subtle-text-color);color:var(--subtle-text-color)}.secondary:hover:not(:disabled){background-color:var(--subtle-text-color);color:var(--bg-color)}.danger{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.danger:hover:not(:disabled){background-color:#b83200;border-color:#b83200;color:#fff}.status-dot{background-color:var(--subtle-text-color);display:inline-block;height:10px;margin-right:.5rem;width:10px}.status-dot.good{background-color:var(--success-color)}.status-dot.warn{background-color:var(--warn-color)}.status-dot.poor{background-color:var(--error-color)}.status-dot.unknown{opacity:.5}.tabs-container{margin-bottom:1.5rem;position:relative;z-index:100}.tabs,.tabs-container{display:flex;justify-content:center}.tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem}.tab-link{align-items:center;background:none;border:none;border-bottom:2px solid transparent;border-radius:10px 10px 0 0;color:var(--subtle-text-color);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-height:48px;padding:.6rem 1.1rem}.tab-link.active{border-bottom:2px solid var(--accent-color);color:var(--accent-color)}.tab-content{display:none}.tab-content.active{display:block}.hamburger-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;display:none;font-size:2rem;min-height:48px;min-width:48px;padding:.5rem;position:absolute;right:0;top:-10px}.theme-switch-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.theme-icon{height:24px}body.dark-mode .theme-icon{filter:invert(1)}.status-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.status-section h2{margin:0}.status-section span{color:#111;font-weight:700;padding:.25rem .75rem}.status-section .online{background-color:var(--success-color)}.status-section .offline{background-color:var(--error-color)}.status-section .pending{background-color:var(--warn-color)}.status-section .stopped{background-color:var(--subtle-text-color);color:var(--bg-color)}.advanced-controls>div,.log-section,.speed-test-section,.summary-section{border:1px solid var(--border-color);margin-top:1.5rem;padding:1rem}.speed-test-section .metric{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.speed-test-section .metric.meta{align-items:flex-start;flex-direction:column;gap:.25rem}.staged-test-controls{gap:1rem}.staged-test-controls,.test-size-options{align-items:center;display:flex;flex-wrap:wrap;margin-top:1rem}.test-size-options{gap:.75rem}.test-size-label{font-weight:500}.test-size-label,.test-size-select{color:var(--text-color);font-size:.9rem}.test-size-select{background:var(--container-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;min-width:180px;padding:.5rem .75rem}.test-size-hint{color:var(--subtle-text-color);font-size:.75rem}.auto-test-controls{display:flex;flex-direction:column;gap:.25rem}.auto-test-controls select{background:var(--container-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.4rem}.data-usage-warning{border:1px dashed var(--subtle-text-color);padding:.5rem}.contract-hint,.data-usage-warning{color:var(--subtle-text-color);font-size:.8em;margin-top:1rem}.settings-section{margin-top:1.5rem;padding:1rem}.contract-settings{display:flex;flex-wrap:wrap;gap:1rem}.contract-settings label{display:flex;flex-direction:column;gap:.25rem}.contract-settings input{background:var(--container-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.4rem}.location-settings{margin-top:.5rem}.location-settings .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;min-height:48px;padding:.5rem 0}.location-settings .checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent-color,#3b82f6);cursor:pointer;height:20px;width:20px}.location-settings .helper-text{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.875rem;line-height:1.4;margin-top:.5rem}.test-profile-section{margin-top:1.5rem}.test-profile-section .helper-text{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.9rem;margin-top:.25rem}.test-profile-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.75rem}.test-profile-grid label{display:flex;flex-direction:column;gap:.25rem}.test-profile-grid input{background:var(--container-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:.4rem}.test-profile-grid small{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.75rem}.history-page{display:flex;flex-direction:column;gap:1.5rem}.history-chart-section{background:rgba(0,0,0,.25);background:var(--container-bg,rgba(0,0,0,.25));border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.history-chart-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.stat-card{background:rgba(0,0,0,.15);background:var(--container-bg,rgba(0,0,0,.15));border:1px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.stat-card .stat-value{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.75rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.stat-card--primary{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3)}.stat-card--primary .stat-value{color:#22c55e}.stat-card--warning{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3)}.stat-card--warning .stat-value{color:#ef4444}.stats-details{border-top:1px solid var(--border-color);color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.875rem;margin-top:1rem;padding-top:1rem}.stats-details p{margin:.25rem 0}.downtime-note{color:#ef4444}body.light-mode .stat-card{background:hsla(0,0%,100%,.8)}body.light-mode .history-chart-section{background:hsla(0,0%,100%,.9)}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card .stat-value{font-size:1.5rem}.stat-card .stat-label{font-size:.6875rem}}.session-divider{border-top:1px solid var(--border-color)}.session-divider td{padding-top:1rem}.session-pill{background:var(--container-bg);border:1px solid var(--border-color);border-radius:999px;display:inline-block;font-size:.85rem;letter-spacing:.05em;margin-bottom:.5rem;margin-right:.75rem;padding:.3rem .75rem;text-transform:uppercase}.session-pill.end{opacity:.75}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.card{background:rgba(0,0,0,.25);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 16px 32px rgba(0,0,0,.25);padding:clamp(1rem,2.5vw,1.5rem)}body.light-mode .card{background:hsla(0,0%,100%,.9);box-shadow:0 16px 32px rgba(0,0,0,.15)}.card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.card-header h2{border:none;padding-bottom:0}.collapsible-section{background:rgba(0,0,0,.2);background:var(--card-bg,rgba(0,0,0,.2));border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:1rem;overflow:hidden}.collapsible-header{align-items:center;background:transparent;border:none;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:background .15s ease;width:100%}.collapsible-header:hover{background:hsla(0,0%,100%,.05)}.collapsible-header h2{-webkit-tap-highlight-color:transparent;border:none;flex:1 1;font-size:1rem;font-weight:600;margin:0;padding:0;-webkit-user-select:none;user-select:none}.collapsible-icon{font-size:.7rem;text-align:center;width:1rem}.collapsible-hint,.collapsible-icon{color:#888;color:var(--subtle-text-color,#888)}.collapsible-hint{font-size:.8rem;font-weight:400}.collapsible-content{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding:0 1.25rem 1.25rem}.diagnostics-table-wrapper{margin:0 -1.25rem;overflow-x:auto;padding:0 1.25rem}.headline-card{background:linear-gradient(135deg,rgba(140,255,140,.2),rgba(140,255,140,.05))}.headline-copy{font-size:1.1rem;line-height:1.6;margin:0}.quality-trend{color:var(--accent-color);font-weight:600;margin-top:.5rem}.insights-prominent{background:linear-gradient(135deg,rgba(140,255,140,.15),rgba(140,255,140,.05));border:2px solid rgba(140,255,140,.3)}.insights-prominent .card-header h2{color:var(--accent-color);font-size:1.3rem}.insights-card .insight-list{margin-top:1rem}.insights-card .insight{font-size:1.05rem;padding:1rem}.insights-card .insight strong{font-size:1.1rem}.section-badge{background:rgba(140,255,140,.15);border:1px solid rgba(140,255,140,.3);border-radius:999px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:normal;margin-left:.75rem;opacity:.8;padding:.25rem .65rem;text-transform:none}.status-card .status-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.status-pill{border-radius:999px;font-weight:700;letter-spacing:.08em;padding:.4rem .9rem;text-transform:uppercase}.status-pill.online{background:rgba(40,167,69,.18);color:#6bff9f}.status-pill.offline{background:rgba(255,65,0,.18);color:#ff9472}.status-pill.pending{background:rgba(255,193,7,.18);color:#ffd87a}.status-pill.stopped{background:hsla(0,0%,73%,.15);color:var(--subtle-text-color)}.status-visual-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-indicator{align-items:flex-start;display:flex;gap:1rem;width:100%}.status-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.status-text{flex:1 1;min-width:0}.status-text h2{border:none;font-size:1.4rem;margin:0;padding:0}.status-description{color:var(--subtle-text-color);font-size:.95rem;line-height:1.4;margin:.25rem 0 0}.status-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);margin-top:1rem}.card-status-orb{align-items:center;display:flex;flex-direction:column;padding:1.5rem 1rem;text-align:center}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem;width:100%}.quick-actions button{flex:1 1 auto;max-width:200px;min-width:140px}.card-status-orb .auto-test-controls{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:1rem}.card-status-orb .auto-test-controls label{color:var(--subtle-text-color)}.card-status-orb .auto-test-controls select{background:var(--container-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.85rem;padding:.35rem .5rem}.section-preview{color:var(--subtle-text-color);font-size:.8rem;font-weight:400;margin-left:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}.metric{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;display:flex;flex-direction:column;gap:.2rem;min-height:auto;min-width:0;overflow:hidden;padding:.6rem .75rem}.metric.good{background:rgba(102,187,106,.08);border-color:var(--success-color)}.metric.warn{background:rgba(255,167,38,.08);border-color:var(--warn-color)}.metric.poor{background:rgba(239,83,80,.08);border-color:var(--error-color)}.metric.unknown{border-color:hsla(0,0%,100%,.12)}.metric-with-visual{min-height:180px}.metric-with-visual .bufferbloat-queue-container,.metric-with-visual .heartbeat-visual,.metric-with-visual .packet-loss-mail-visual,.metric-with-visual .speed-pipe-visual{margin:.5rem 0}.metric-with-visual .speed-pipe-visual--sm{max-width:100%}.metric-with-visual .heartbeat-visual--sm svg{max-height:40px}.metric-with-visual .bufferbloat-queue--sm{transform:scale(.8);transform-origin:center}.metric-with-visual .packet-loss-mail-visual--sm{transform:scale(.85);transform-origin:center}.metric-with-visual>*{max-width:100%;overflow:hidden}.metric-with-visual .bufferbloat-queue-visual,.metric-with-visual .heartbeat-visual,.metric-with-visual .packet-loss-mail-visual,.metric-with-visual .speed-pipe-visual{transform:scale(.8);transform-origin:left center}.metric-label{color:var(--subtle-text-color);font-size:.75rem;letter-spacing:.02em}.metric-value{font-size:1.25rem;font-weight:700}.metric-unit{color:var(--subtle-text-color);font-size:.75rem}.metric-header{align-items:center;display:flex;gap:.35rem;margin-bottom:.25rem}.metric-header .metric-icon{font-size:.9rem}.metric-icon{filter:grayscale(.3) brightness(1.1);font-size:1.5rem;line-height:1}.metric.good .metric-icon{filter:none}.metric-value-row{align-items:baseline;display:flex;flex-wrap:nowrap;gap:.25rem;margin-bottom:.25rem;overflow:hidden}.metric-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-top:1px solid hsla(0,0%,100%,.08);color:var(--subtle-text-color);display:-webkit-box;font-size:.65rem;font-weight:500;line-height:1.25;margin-top:.25rem;overflow:hidden;padding-top:.25rem;text-overflow:ellipsis}.metric.good .metric-summary{color:#6bff9f}.metric.warn .metric-summary{color:#ffd87a}.metric.poor .metric-summary{color:#ff9472}.metric-quality{grid-column:1/-1}.baseline-card h2,.insights-card h2,.install-card h2,.issues-card h2,.metrics-card h2,.share-card h2,.status-card h2{border:none;padding-bottom:0}.baseline-card pre{word-wrap:break-word;background:rgba(0,0,0,.2);font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto;white-space:pre-wrap}.baseline-card pre,.quality-score-header{border-radius:8px;max-width:100%;padding:.75rem}.quality-score-header{background:rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.05);margin-bottom:.75rem;overflow:hidden}.quality-score-placeholder{color:var(--subtle-text-color);font-size:.85rem;padding:1rem;text-align:center}.metrics-card{max-width:100%;overflow:hidden}.metric-meta{color:var(--subtle-text-color);display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.metric-meta,.test-actions{margin-top:1rem}.share-card .share-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.share-card .share-feedback{color:var(--accent-color);font-size:.9rem}.share-card .share-link{font-size:.9rem;overflow-wrap:anywhere}.error-text{color:var(--error-color);font-size:.9rem}.insight-list,.issues-list{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:0;padding:0}.wizard-guidance{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:.75rem}.wizard-guidance h3{color:var(--subtle-text-color);font-size:.85rem;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.wizard-guidance ul{padding-left:1.1rem}.wizard-guidance li{margin-bottom:.35rem}.insight{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:.75rem}body.light-mode .insight{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.insight.high{border-color:rgba(255,65,0,.45)}.insight.medium{border-color:rgba(255,193,7,.45)}.insight.low{border-color:rgba(40,167,69,.45)}.insight-reco{color:#7ff4b2;font-weight:600;margin-top:.35rem}.issues-list li{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.issue-pill{border-radius:4px;display:inline-block;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.25rem .6rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.issue-pill.warning{background:rgba(255,193,7,.2);color:#ffd87a}.issue-pill.critical{background:rgba(255,65,0,.2);color:#ff8a61}.issue-pill.low{background:rgba(140,255,140,.15);color:var(--accent-color)}.issue-details{display:flex;flex-direction:column;gap:.25rem}.issue-message{font-size:.95rem;line-height:1.4}.issue-meta{color:var(--subtle-text-color);font-size:.85rem}.mobile-session-carousel{background:hsla(0,0%,100%,.02);border:1px solid var(--border-color);border-radius:12px;display:none;margin-top:1.5rem;padding:1rem}.carousel-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.carousel-header button{font-size:1.4rem;min-height:48px;min-width:48px;padding:.5rem 1rem}.carousel-dates{color:var(--subtle-text-color);font-size:.9rem}.carousel-body{display:flex;flex-direction:column;gap:.75rem}.carousel-event{border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:.75rem}.carousel-event-time{color:var(--subtle-text-color);font-size:.85rem}.carousel-event-type{font-weight:600;letter-spacing:.08em;margin-top:.15rem;text-transform:uppercase}.carousel-event-details{font-size:.95rem;line-height:1.4;margin-top:.35rem}.carousel-empty{color:var(--subtle-text-color);font-style:italic}.install-card .install-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.alert-banner{background:rgba(255,193,7,.22);border:1px solid rgba(255,193,7,.5);border-radius:12px;color:#ffd87a;padding:.85rem 1rem}.alert-banner.critical{background:rgba(255,65,0,.2);border-color:rgba(255,65,0,.55);color:#ffb399}.badge-dot{background:var(--error-color);border-radius:50%;height:12px;width:12px}.sticky-monitor-cta{bottom:1rem;display:none;justify-content:center;margin-top:1rem;pointer-events:none;position:-webkit-sticky;position:sticky}.sticky-monitor-cta button{background:var(--accent-color);border-radius:999px;color:var(--bg-color);font-size:1rem;padding:.9rem 2.5rem;pointer-events:all}.sticky-monitor-cta.monitoring button{background:rgba(255,65,0,.88);border-color:rgba(255,65,0,.88)}.wizard-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.65);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:999}.wizard-content{background:var(--container-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.4);max-height:90vh;overflow-y:auto;padding:1.5rem;width:min(520px,100%)}.wizard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wizard-close{align-items:center;background:none;border:none;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:1.6rem;justify-content:center;line-height:1;min-height:48px;min-width:48px;padding:.5rem}.wizard-step h3{margin-top:0}.wizard-description{color:var(--subtle-text-color);margin-bottom:1rem}.wizard-options{display:flex;flex-direction:column;gap:.75rem}.wizard-option{border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:.75rem 1rem;text-align:left;transition:border-color .2s,background .2s}.wizard-option.selected{background:rgba(140,255,140,.12);border-color:rgba(140,255,140,.6)}.wizard-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.wizard-results ul{list-style:disc;padding-left:1.2rem}.toast-shelf{display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:10000}.toast{align-items:stretch;animation:toast-slide-in .3s ease-out forwards;background:var(--color-bg-primary);border-left:4px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;overflow:hidden;pointer-events:auto}.toast-warning{border-left-color:#ff9800}.toast-critical,.toast-error{border-left-color:#f44336}.toast-success{border-left-color:#4caf50}.toast-info{border-left-color:#2196f3}.toast-content{background:none;border:none;cursor:pointer;display:flex;flex:1 1;gap:.75rem;min-height:48px;padding:.75rem 1rem;text-align:left;transition:background .2s}.toast-content:disabled{cursor:default}.toast-clickable:not(:disabled):hover{background:rgba(0,0,0,.05);background:var(--color-bg-hover,rgba(0,0,0,.05))}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem}.toast-body{flex:1 1;min-width:0}.toast-title{font-weight:600}.toast-message,.toast-title{color:var(--color-text-primary);font-size:.875rem;margin-bottom:.25rem}.toast-message{line-height:1.4}.toast-hint{font-size:.75rem;opacity:.7}.toast-dismiss,.toast-hint{color:var(--color-text-secondary)}.toast-dismiss{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;min-height:48px;padding:.5rem .75rem;transition:color .2s}.toast-dismiss:hover{color:var(--color-text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(calc(100% + 1rem))}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}@keyframes toast-slide-in{0%,to{opacity:1;transform:translateX(0)}}}@media (max-width:992px){.tabs-container{justify-content:space-between}}@media (max-width:768px){body,button{font-size:16px}button{min-height:48px;padding:12px 16px}.card-header h2{align-items:center;display:flex;min-height:48px}.test-size-options{align-items:flex-start}.test-size-select,select{font-size:16px;min-height:48px}.share-actions button+button,.status-actions button+button,.test-actions button+button{margin-top:8px}.tabs{background-color:#242830;background:#242830;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 16px 32px rgba(0,0,0,.6);display:none;flex-direction:column;padding:.5rem;position:absolute;right:0;top:48px;width:min(220px,80vw);z-index:1000}.tabs-container.mobile-nav-open .tabs{display:flex}.hamburger-btn{align-self:flex-end;display:block;margin-bottom:.5rem;position:static}.tab-link{background-color:transparent;border:none;border-bottom:1px solid var(--border-color);border-radius:8px;text-align:left;width:100%}.tab-link:hover{background-color:hsla(0,0%,100%,.05)}.tab-link:last-child{border-bottom:none}.dashboard{gap:1rem}.card{border-radius:12px;padding:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-actions{align-items:stretch;flex-direction:column;gap:.75rem}.insight-list,.issues-list{gap:.65rem}.share-card .share-actions>*{flex:1 1 100%}.sticky-monitor-cta{display:flex}.dashboard{padding:8px}.card{border-radius:8px;margin-bottom:16px}.metric-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.1rem}.metric-label,.metric-unit{font-size:.7rem}.sticky-monitor-cta{background:var(--color-bg-primary);border-top:1px solid var(--color-border);bottom:70px;box-shadow:0 -2px 8px rgba(0,0,0,.15);left:0;padding:10px 16px;position:fixed;right:0;z-index:100}.sticky-monitor-cta button{font-size:16px;font-weight:600;min-height:48px;width:100%}.dashboard{padding-bottom:140px}.card-header h2{font-size:18px}.test-size-options{align-items:stretch;flex-direction:column;gap:.5rem}.test-size-select{width:100%}.auto-test-controls{display:flex;flex-direction:column;gap:8px;width:100%}.auto-test-controls label{font-size:14px}.auto-test-controls select{width:100%}.share-actions{display:flex;flex-direction:column;gap:8px}.share-actions button{width:100%}.status-pill{font-size:14px;padding:4px 12px}.contract-hint{font-size:12px}.status-icon{font-size:2rem}.status-text h2{font-size:1.2rem}.status-description{font-size:.9rem}.metric-icon{font-size:1.3rem}.metric-summary{font-size:.8rem}.insights-prominent .card-header h2{font-size:1.15rem}.insights-card .insight{font-size:.95rem}}@media (max-width:600px){body{padding:.75rem}.container{padding:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-size-options{align-items:stretch;flex-direction:column}.test-size-select{width:100%}.tabs-container{align-items:stretch;flex-direction:column}.toast-shelf{left:.5rem;max-width:none;right:.5rem;top:.5rem}}@media (max-width:480px){.metric-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.metric{padding:.5rem}.metric-value{font-size:1rem}.card-header{align-items:flex-start;flex-direction:column}.install-card .install-actions button,.share-card .share-actions button,.status-actions button{width:100%}.metric-meta{font-size:.85rem}}@media (max-width:375px){.metric-value{font-size:28px}.card-header h2{font-size:16px}.metric-grid{gap:8px}body{padding:.5rem}.container{padding:.75rem}h1{font-size:1.75rem}h2{font-size:1.1rem}.toast{font-size:.9rem}}@media (pointer:coarse){.wizard-option,button{font-size:1.05rem;min-height:48px}.mobile-session-carousel{display:block}.log-section table{display:none}}.info-tooltip-wrapper{display:inline-block;margin-left:4px;position:relative}.info-icon{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:48px;min-width:48px;padding:12px}.tooltip-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:14px;line-height:1.4;margin-bottom:8px;max-width:90vw;padding:12px;width:250px;z-index:1000}.tooltip-bubble,.tooltip-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-bubble:after{border:6px solid transparent;border-top:6px solid var(--color-bg-secondary);content:"";top:100%}@media (max-width:768px){.tooltip-bubble{left:auto;right:0;transform:none;width:280px}.tooltip-bubble:after{left:auto;right:12px;transform:none}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}a.button-link{align-items:center;display:inline-flex;min-height:48px;padding:12px 16px}.contract-settings input,.test-profile-grid input{font-size:16px;min-height:48px;padding:12px}.collapsible-header{align-items:center;display:flex;min-height:48px}.collapsible-header h2{cursor:pointer;padding:12px 0}}.github-logo{height:1em;margin-right:.25rem;vertical-align:middle;width:auto}@media (min-width:1024px){.container{display:flex;gap:0;max-width:1400px;padding:0}.container>h1:first-of-type{display:none}.container .theme-switch-container{position:fixed;right:1rem;top:1rem;z-index:100}.tab-content.with-sidebar{flex:1 1;margin-left:200px;min-height:100vh;padding:clamp(1rem,3vw,2rem)}}@media (max-width:767px){.container{padding-bottom:80px}.tabs-container{display:none}}@media (min-width:768px) and (max-width:1023px){.tabs-container{display:flex}}@media (pointer:coarse){.bottom-nav-bar__item,.sidebar-nav__button,.tab-link,button:not(:disabled){-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative}.bottom-nav-bar__item:active,.sidebar-nav__button:active,.tab-link:active,button:not(:disabled):active{transform:scale(.97);transition:transform .1s ease}.metric{min-height:120px}.collapsible-header{min-height:56px}}:focus-visible{border-radius:4px;border-radius:var(--radius-sm,4px);outline:3px solid var(--color-primary);outline-offset:2px}.tab-link:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 4px rgba(0,121,107,.2);outline:3px solid var(--color-primary);outline-offset:2px}.skip-to-main{background:var(--color-primary);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;font-weight:600;left:50%;padding:12px 24px;position:absolute;text-decoration:none;top:-100px;transform:translateX(-50%);transition:top .2s ease;z-index:10000}.skip-to-main:focus{top:16px}button{transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.5}button.monitoring-active:active{background-color:var(--error-color);filter:brightness(.9)}button.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}button.secondary:hover:not(:disabled){background:hsla(0,0%,100%,.05);border-color:var(--accent-color)}button.secondary:active:not(:disabled){background:hsla(0,0%,100%,.1)}.card{transition:box-shadow .2s ease,transform .15s ease}@media (hover:hover){.card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1))}}.card-status-orb{border:2px solid var(--border-color)}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--container-bg) 25%,hsla(0,0%,100%,.1) 50%,var(--container-bg) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{border:0}[aria-live=assertive],[aria-live=polite]{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}@media (prefers-contrast:high){button{border:2px solid}.card,.metric{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-shimmer{animation:none;background:var(--container-bg)}}.visual-timeline{margin:1.5rem 0}.timeline-track{background:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.05) 50%,transparent);border-radius:8px;height:80px;margin-bottom:1rem;position:relative}.timeline-end-label,.timeline-start-label{color:var(--subtle-text-color);font-size:.75rem;position:absolute;top:-20px}.timeline-start-label{left:0}.timeline-end-label{right:0}.timeline-marker{background-clip:content-box;border:3px solid var(--container-bg);border-radius:50%;cursor:pointer;height:20px;padding:14px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:20px;z-index:1}.timeline-marker:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(1.3);z-index:10}.timeline-marker:hover .timeline-marker-popup{display:block}.timeline-marker-popup{background:var(--container-bg);border:2px solid var(--border-color);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;max-width:90vw;padding:.75rem;width:280px;z-index:100}.timeline-marker-popup,.timeline-marker-popup:after{left:50%;position:absolute;transform:translateX(-50%)}.timeline-marker-popup:after{border:8px solid transparent;border-top:8px solid var(--border-color);content:"";top:100%}.timeline-popup-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.timeline-popup-severity{font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.timeline-popup-time{color:var(--subtle-text-color);font-size:.75rem}.timeline-popup-message{font-size:.9rem;line-height:1.4;margin:.5rem 0}.timeline-popup-details{border-top:1px solid var(--border-color);color:var(--subtle-text-color);display:flex;font-size:.8rem;justify-content:space-between;padding-top:.5rem}.timeline-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.timeline-legend-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.timeline-legend-dot{border:2px solid var(--container-bg);border-radius:50%;height:12px;width:12px}.timeline-empty{align-items:center;color:var(--subtle-text-color);display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.timeline-empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.6}.timeline-empty p{line-height:1.5;margin:0;max-width:400px}@media (max-width:768px){.timeline-track{height:60px}.timeline-marker{height:18px;padding:15px;width:18px}.timeline-marker-popup{width:240px}.timeline-legend{gap:1rem}}.jargon-tooltip-wrapper{display:inline-block;position:relative}.jargon-tooltip-trigger{background:none;border:none;color:inherit;cursor:help;font:inherit;padding:0;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:3px;transition:color .2s ease}.jargon-tooltip-trigger:focus,.jargon-tooltip-trigger:hover{color:var(--color-primary);outline:none}.jargon-tooltip-trigger:focus-visible{border-radius:2px;border-radius:var(--radius-sm,2px);outline:2px solid var(--color-border-focus);outline-offset:2px}.jargon-tooltip-bubble{animation:tooltipFadeIn .2s ease;background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:var(--shadow-lg);left:50%;max-width:300px;min-width:200px;padding:.75rem;padding:var(--spacing-sm,.75rem);position:absolute;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:1000;z-index:var(--z-dropdown,1000)}.jargon-tooltip-bottom{top:calc(100% + 8px);top:calc(100% + var(--spacing-xs, 8px))}.jargon-tooltip-top{bottom:calc(100% + 8px);bottom:calc(100% + var(--spacing-xs, 8px))}.jargon-tooltip-content{color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-tooltip-body,.875rem);line-height:1.5;line-height:var(--line-height-tooltip,1.5);padding-right:1.5rem;padding-right:var(--spacing-lg,1.5rem)}.jargon-tooltip-close{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:.75rem;position:absolute;right:.25rem;right:var(--spacing-xxs,.25rem);top:.25rem;top:var(--spacing-xxs,.25rem);transition:color .2s ease;width:44px}.jargon-tooltip-close:hover{color:var(--color-error)}@media (max-width:768px){.jargon-tooltip-bubble{left:50%;max-width:280px;right:auto;width:calc(100vw - 2rem)}.jargon-tooltip-content{font-size:.8125rem}.jargon-tooltip-close{font-size:1.5rem;height:48px;min-height:48px;min-width:48px;width:48px}}@media (max-width:480px){.jargon-tooltip-bubble{left:1rem;left:var(--spacing-md,1rem);max-width:none;right:1rem;right:var(--spacing-md,1rem);transform:none;width:auto}}@media (prefers-reduced-motion:reduce){.jargon-tooltip-bubble{animation:none}}.status-orb-container{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px);padding:32px 16px;padding:var(--spacing-xl,32px) var(--spacing-md,16px);text-align:center}.status-orb{align-items:center;border-radius:50%;border-radius:var(--radius-full,50%);cursor:default;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}@media (min-width:768px){.status-orb{height:100px;width:100px}}.status-orb-inner{align-items:center;display:flex;justify-content:center;position:relative}.status-orb-inner,.status-orb-pulse{border-radius:inherit;height:100%;width:100%}.status-orb-pulse{opacity:.7;position:absolute}.status-orb--online .status-orb-inner{background:radial-gradient(circle,var(--color-success) 0,#1a9d5a 100%);box-shadow:0 4px 20px rgba(34,197,94,.4)}.status-orb--online .status-orb-pulse{animation:pulse-online 2s ease-in-out infinite;background:var(--color-success)}.status-orb--offline .status-orb-inner{background:radial-gradient(circle,#6b7280 0,#4b5563 100%);box-shadow:0 4px 12px hsla(220,9%,46%,.3)}.status-orb--offline .status-orb-pulse{display:none}.status-orb--testing .status-orb-inner{background:radial-gradient(circle,var(--color-info) 0,#01579b 100%);box-shadow:0 4px 20px rgba(2,119,189,.4)}.status-orb--testing .status-orb-pulse{animation:pulse-online 2s ease-in-out infinite;background:var(--color-info)}.status-orb--degraded .status-orb-inner{background:radial-gradient(circle,var(--color-warning) 0,#d97706 100%);box-shadow:0 4px 20px rgba(245,158,11,.4)}.status-orb--degraded .status-orb-pulse{animation:pulse-online 2s ease-in-out infinite;background:var(--color-warning)}.status-orb-message{color:var(--color-text-primary);font-size:24px;font-size:var(--font-size-h2,24px);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.3;line-height:var(--line-height-heading,1.3);margin:0;max-width:500px}@media (max-width:640px){.status-orb-message{font-size:20px;font-size:var(--font-size-h3,20px)}}.status-orb-badge{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-text-secondary);display:inline-flex;font-size:18px;font-size:var(--font-size-base,18px);gap:8px;gap:var(--spacing-xs,8px);padding:8px 16px;padding:var(--spacing-xs,8px) var(--spacing-md,16px);transition:all .2s ease}.status-orb-badge-icon{align-items:center;display:flex;font-size:1.25em;justify-content:center;line-height:1}.status-orb-badge-text{font-weight:500;font-weight:var(--font-weight-medium,500);white-space:nowrap}.status-orb-badge:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}body.dark-mode .status-orb--online .status-orb-inner{background:radial-gradient(circle,#66bb6a 0,#43a047 100%);box-shadow:0 4px 20px rgba(102,187,106,.4)}body.dark-mode .status-orb--testing .status-orb-inner{background:radial-gradient(circle,#4db6ac 0,#00897b 100%);box-shadow:0 4px 20px rgba(77,182,172,.4)}body.dark-mode .status-orb--degraded .status-orb-inner{background:radial-gradient(circle,#ffa726 0,#f57c00 100%);box-shadow:0 4px 20px rgba(255,167,38,.4)}body.dark-mode .status-orb-badge{background:var(--color-bg-secondary);border-color:var(--color-border)}body.dark-mode .status-orb-badge:hover{border-color:var(--color-primary)}.status-orb:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){.status-orb-pulse{animation:none!important}.status-orb,.status-orb-badge{transition:none!important}.status-orb--degraded .status-orb-pulse,.status-orb--online .status-orb-pulse,.status-orb--testing .status-orb-pulse{opacity:.3}}@media (max-width:480px){.status-orb-container{gap:16px;gap:var(--spacing-md,16px);padding:24px 12px;padding:var(--spacing-lg,24px) var(--spacing-sm,12px)}.status-orb-badge{font-size:16px;font-size:var(--font-size-small,16px);padding:8px 12px;padding:var(--spacing-xs,8px) var(--spacing-sm,12px)}}@media (prefers-contrast:high){.status-orb--degraded .status-orb-inner,.status-orb--offline .status-orb-inner,.status-orb--online .status-orb-inner,.status-orb--testing .status-orb-inner{border:2px solid}.status-orb-badge{border-width:2px}}@media print{.status-orb-pulse{display:none}.status-orb{height:60px;width:60px}}.speed-pipe-visual{display:flex;flex-direction:column;gap:.5rem;width:100%}.speed-pipe-visual__label{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:.875rem;font-weight:500}.speed-pipe-visual__container{align-items:center;display:flex;gap:.75rem}.speed-pipe-visual__pipe{background:#f5f5f5;background:var(--color-background-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:100px;flex:1 1;min-width:100px;overflow:hidden;position:relative}.speed-pipe-visual__fill{border-radius:100px;height:100%;transition-property:width;transition-timing-function:ease-out}.speed-pipe-visual__fill--animated{transition-duration:.5s}@media (prefers-reduced-motion:reduce){.speed-pipe-visual__fill--animated{transition-duration:0s}}.speed-pipe-visual__fill--good{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--color-success-dark,#059669) 0,var(--color-success,#10b981) 100%)}.speed-pipe-visual__fill--warn{background:linear-gradient(90deg,#d97706,#f59e0b);background:linear-gradient(90deg,var(--color-warning-dark,#d97706) 0,var(--color-warning,#f59e0b) 100%)}.speed-pipe-visual__fill--poor{background:linear-gradient(90deg,#dc2626,#ef4444);background:linear-gradient(90deg,var(--color-error-dark,#dc2626) 0,var(--color-error,#ef4444) 100%)}.speed-pipe-visual__value{font-feature-settings:"tnum";color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.speed-pipe-visual__unit{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875em;font-weight:400}.speed-pipe-visual__percentage{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;text-align:right}.speed-pipe-visual--sm .speed-pipe-visual__pipe{height:8px}.speed-pipe-visual--sm .speed-pipe-visual__value{font-size:14px}.speed-pipe-visual--sm .speed-pipe-visual__label{font-size:.75rem}.speed-pipe-visual--md .speed-pipe-visual__pipe{height:12px}.speed-pipe-visual--md .speed-pipe-visual__value{font-size:16px}.speed-pipe-visual--lg .speed-pipe-visual__pipe{height:16px}.speed-pipe-visual--lg .speed-pipe-visual__value{font-size:18px}@media (prefers-color-scheme:dark){.speed-pipe-visual__label{color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.speed-pipe-visual__pipe{background:#1f2937;background:var(--color-background-secondary-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151)}.speed-pipe-visual__value{color:#f9fafb;color:var(--color-text-primary-dark,#f9fafb)}.speed-pipe-visual__percentage,.speed-pipe-visual__unit{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}}@media (prefers-contrast:high){.speed-pipe-visual__pipe{border-color:currentColor;border-width:2px}.speed-pipe-visual__fill{border:1px solid}.speed-pipe-visual__fill--good{background:#059669}.speed-pipe-visual__fill--warn{background:#d97706}.speed-pipe-visual__fill--poor{background:#dc2626}}@media print{.speed-pipe-visual__pipe{border:2px solid #000}.speed-pipe-visual__fill--good{background:#059669!important}.speed-pipe-visual__fill--warn{background:#d97706!important}.speed-pipe-visual__fill--poor{background:#dc2626!important}.speed-pipe-visual__percentage{display:block!important}}.heartbeat-visual{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.heartbeat-visual__svg{display:block;max-width:200px;width:100%}@keyframes draw-heartbeat{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}.heartbeat-visual__svg--animated .heartbeat-visual__path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw-heartbeat 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.heartbeat-visual__svg--animated .heartbeat-visual__path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.heartbeat-visual__values{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md)}.heartbeat-visual__value{align-items:center;display:flex;gap:var(--spacing-xs)}.heartbeat-visual__label{font-weight:var(--font-weight-medium)}.heartbeat-visual__number{font-feature-settings:"tnum";color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.heartbeat-visual--sm .heartbeat-visual__svg{max-width:120px}.heartbeat-visual--sm .heartbeat-visual__values{font-size:var(--font-size-xs)}.heartbeat-visual--lg .heartbeat-visual__svg{max-width:280px}.heartbeat-visual--lg .heartbeat-visual__values{font-size:var(--font-size-base)}@media (prefers-color-scheme:dark){.heartbeat-visual__values{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.heartbeat-visual__number{color:#fff;color:var(--color-text-primary,#fff)}}@media (prefers-contrast:high){.heartbeat-visual__path{stroke-width:3}.heartbeat-visual__number{font-weight:var(--font-weight-bold)}}@media print{.heartbeat-visual__svg--animated .heartbeat-visual__path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.heartbeat-visual__path{stroke:#000!important}.heartbeat-visual__number,.heartbeat-visual__values{color:#000!important}}@media (max-width:640px){.heartbeat-visual__values{font-size:var(--font-size-xs);gap:var(--spacing-sm)}.heartbeat-visual--lg .heartbeat-visual__svg{max-width:240px}}.bufferbloat-queue-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px);transition:all .3s ease}.bufferbloat-queue--sm{gap:12px;gap:var(--spacing-sm,12px);padding:12px;padding:var(--spacing-sm,12px)}.bufferbloat-queue--sm .bufferbloat-queue-car svg{height:12px;width:18px}.bufferbloat-queue--sm .bufferbloat-queue-router svg{height:18px;width:24px}.bufferbloat-queue--sm .bufferbloat-queue-destination svg{height:18px;width:18px}.bufferbloat-queue--lg{gap:24px;gap:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px)}.bufferbloat-queue--lg .bufferbloat-queue-car svg{height:20px;width:32px}.bufferbloat-queue--lg .bufferbloat-queue-router svg{height:30px;width:40px}.bufferbloat-queue--lg .bufferbloat-queue-destination svg{height:32px;width:32px}.bufferbloat-queue--good{background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg-secondary));border-color:var(--color-success)}.bufferbloat-queue--good .bufferbloat-queue-arrow,.bufferbloat-queue--good .bufferbloat-queue-car,.bufferbloat-queue--good .bufferbloat-queue-destination,.bufferbloat-queue--good .bufferbloat-queue-router{color:var(--color-success)}.bufferbloat-queue--warn{background:color-mix(in srgb,var(--color-warning) 5%,var(--color-bg-secondary));border-color:var(--color-warning)}.bufferbloat-queue--warn .bufferbloat-queue-arrow,.bufferbloat-queue--warn .bufferbloat-queue-car,.bufferbloat-queue--warn .bufferbloat-queue-destination,.bufferbloat-queue--warn .bufferbloat-queue-router{color:var(--color-warning)}.bufferbloat-queue--poor{background:color-mix(in srgb,var(--color-error) 5%,var(--color-bg-secondary));border-color:var(--color-error)}.bufferbloat-queue--poor .bufferbloat-queue-arrow,.bufferbloat-queue--poor .bufferbloat-queue-car,.bufferbloat-queue--poor .bufferbloat-queue-destination,.bufferbloat-queue--poor .bufferbloat-queue-router{color:var(--color-error)}.bufferbloat-queue-visual{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs,8px);overflow-x:auto;padding:12px 0;padding:var(--spacing-sm,12px) 0}.bufferbloat-queue-cars{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xxs,4px);max-width:300px}.bufferbloat-queue-car{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}@keyframes car-queue-move{0%,to{transform:translateX(0)}50%{transform:translateX(-3px)}}.bufferbloat-queue-car--animated{animation:car-queue-move 2s ease-in-out infinite}.bufferbloat-queue-destination,.bufferbloat-queue-router{align-items:center;display:flex;flex-shrink:0;justify-content:center}.bufferbloat-queue-arrow{flex-shrink:0;font-size:20px;font-weight:700;font-weight:var(--font-weight-bold,700);line-height:1;opacity:.6}.bufferbloat-queue-metrics{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px);text-align:center}.bufferbloat-queue-interpretation{color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-base,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.4;line-height:var(--line-height-tight,1.4)}.bufferbloat-queue-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);justify-content:center}.bufferbloat-queue-grade,.bufferbloat-queue-value{color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-small,16px);line-height:1.4}.bufferbloat-queue-grade strong{color:var(--color-text-primary);font-size:1.25em;font-weight:700;font-weight:var(--font-weight-bold,700)}body.dark-mode .bufferbloat-queue-container{background:var(--color-bg-secondary)}body.dark-mode .bufferbloat-queue--good{background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-secondary))}body.dark-mode .bufferbloat-queue--warn{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg-secondary))}body.dark-mode .bufferbloat-queue--poor{background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg-secondary))}@media (prefers-reduced-motion:reduce){.bufferbloat-queue-car--animated{animation:none!important}.bufferbloat-queue-car,.bufferbloat-queue-container{transition:none!important}}@media (max-width:640px){.bufferbloat-queue-container{gap:12px;gap:var(--spacing-sm,12px);padding:12px;padding:var(--spacing-sm,12px)}.bufferbloat-queue-visual{gap:4px;gap:var(--spacing-xxs,4px)}.bufferbloat-queue-cars{max-width:200px}.bufferbloat-queue-car svg{height:14px;width:20px}.bufferbloat-queue-router svg{height:20px;width:28px}.bufferbloat-queue-destination svg{height:20px;width:20px}.bufferbloat-queue-arrow{font-size:16px}.bufferbloat-queue-interpretation{font-size:16px;font-size:var(--font-size-small,16px)}.bufferbloat-queue-stats{flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.bufferbloat-queue-grade,.bufferbloat-queue-value{font-size:14px}}@media (min-width:641px) and (max-width:1024px){.bufferbloat-queue-cars{max-width:250px}}@media (prefers-contrast:high){.bufferbloat-queue-container{border-width:3px}.bufferbloat-queue--good,.bufferbloat-queue--poor,.bufferbloat-queue--warn{background:transparent}.bufferbloat-queue-car,.bufferbloat-queue-destination,.bufferbloat-queue-router{filter:contrast(1.2)}}@media print{.bufferbloat-queue-car--animated{animation:none}.bufferbloat-queue-container{background:#fff;border-color:#000;break-inside:avoid;page-break-inside:avoid}.bufferbloat-queue-arrow,.bufferbloat-queue-car,.bufferbloat-queue-destination,.bufferbloat-queue-router{color:#000}}@supports not (background:color-mix(in srgb,red 10%,white)){.bufferbloat-queue--good,.bufferbloat-queue--poor,.bufferbloat-queue--warn{background:var(--color-bg-secondary)}}.packet-loss-mail-visual{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md,12px)}.packet-loss-mail-visual__mail-row{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;gap:var(--spacing-xs,6px)}.packet-loss-mail-visual__mail{opacity:1;position:relative;transition:opacity .3s ease,transform .3s ease}.packet-loss-mail-visual__mail--lost{opacity:.4}.packet-loss-mail-visual__mail-icon{display:inline-block;font-size:inherit;line-height:1}.packet-loss-mail-visual__mail-icon--lost{align-items:center;display:inline-flex;justify-content:center;position:relative}.packet-loss-mail-visual__mail-envelope{opacity:.3}.packet-loss-mail-visual__mail-x{font-size:.7em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.packet-loss-mail-visual__mailbox{font-size:1.2em;margin-left:8px;margin-left:var(--spacing-sm,8px)}.packet-loss-mail-visual__mail-row--animated .packet-loss-mail-visual__mail{animation:slideToMailbox 2s ease-in-out infinite}.packet-loss-mail-visual__mail-row--animated .packet-loss-mail-visual__mailbox{animation:mailboxPulse 2s ease-in-out infinite}@keyframes slideToMailbox{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes mailboxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.packet-loss-mail-visual__mail-row--animated .packet-loss-mail-visual__mail,.packet-loss-mail-visual__mail-row--animated .packet-loss-mail-visual__mailbox{animation:none}}.packet-loss-mail-visual__value{align-items:center;display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px);text-align:center}.packet-loss-mail-visual__percentage{font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-bold,600);line-height:1.2}.packet-loss-mail-visual__interpretation{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.4}.packet-loss-mail-visual--good .packet-loss-mail-visual__percentage{color:#10b981;color:var(--color-success,#10b981)}.packet-loss-mail-visual--warn .packet-loss-mail-visual__percentage{color:#f59e0b;color:var(--color-warning,#f59e0b)}.packet-loss-mail-visual--poor .packet-loss-mail-visual__percentage{color:#ef4444;color:var(--color-error,#ef4444)}.packet-loss-mail-visual--sm{font-size:16px}.packet-loss-mail-visual--sm .packet-loss-mail-visual__mail-row{gap:4px;gap:var(--spacing-xs,4px)}.packet-loss-mail-visual--sm .packet-loss-mail-visual__percentage{font-size:16px;font-size:var(--font-size-md,16px)}.packet-loss-mail-visual--sm .packet-loss-mail-visual__interpretation{font-size:12px;font-size:var(--font-size-xs,12px)}.packet-loss-mail-visual--md{font-size:20px}.packet-loss-mail-visual--lg{font-size:28px}.packet-loss-mail-visual--lg .packet-loss-mail-visual__mail-row{gap:8px;gap:var(--spacing-sm,8px)}.packet-loss-mail-visual--lg .packet-loss-mail-visual__percentage{font-size:24px;font-size:var(--font-size-xl,24px)}.packet-loss-mail-visual--lg .packet-loss-mail-visual__interpretation{font-size:16px;font-size:var(--font-size-md,16px)}@media (prefers-color-scheme:dark){.packet-loss-mail-visual__interpretation{color:#9ca3af;color:var(--color-text-secondary-dark,#9ca3af)}}.heart-monitor-ecg{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.heart-monitor-ecg__display{border:1px solid hsla(0,0%,100%,.08);border-radius:8px;overflow:hidden;position:relative;width:100%}.heart-monitor-ecg__svg{display:block;height:auto;width:100%}.heart-monitor-ecg__pulse{stroke-dasharray:1000;stroke-dashoffset:1000}.heart-monitor-ecg__pulse--animated{animation:ecg-draw 3s ease-in-out infinite;animation:ecg-draw var(--animation-duration,3s) ease-in-out infinite}@keyframes ecg-draw{0%{stroke-dashoffset:1000;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.3}}.heart-monitor-ecg__scanline{animation:ecg-scan 3s linear infinite;animation:ecg-scan var(--scan-duration,3s) linear infinite}@keyframes ecg-scan{0%{opacity:0;transform:translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateX(100%)}}.heart-monitor-ecg__score{align-items:baseline;display:flex;font-weight:700;gap:2px;position:absolute;right:12px;text-shadow:0 2px 8px rgba(0,0,0,.5);top:50%;transform:translateY(-50%)}.heart-monitor-ecg__score-value{font-feature-settings:"tnum";font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:800}.heart-monitor-ecg__score-max{font-size:.875rem;font-weight:500;opacity:.7}.heart-monitor-ecg__status{text-align:center;width:100%}.heart-monitor-ecg__label{font-weight:700;margin-bottom:.25rem}.heart-monitor-ecg__message{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);line-height:1.4;margin:0 auto;max-width:280px}.heart-monitor-ecg--critical .heart-monitor-ecg__pulse--animated{animation:ecg-draw 5s ease-in-out infinite,pulse-critical 1s infinite;animation:ecg-draw var(--animation-duration,5s) ease-in-out infinite,pulse-critical 1s infinite}@keyframes pulse-critical{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}50%{filter:drop-shadow(0 0 8px rgba(239,68,68,.8))}}.heart-monitor-ecg--seamless .heart-monitor-ecg__pulse--animated{animation:ecg-draw 2s ease-in-out infinite,pulse-seamless 1.5s infinite;animation:ecg-draw var(--animation-duration,2s) ease-in-out infinite,pulse-seamless 1.5s infinite}@keyframes pulse-seamless{0%,to{filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}50%{filter:drop-shadow(0 0 12px rgba(16,185,129,.7))}}.heart-monitor-ecg--sm .heart-monitor-ecg__score-value{font-size:1.25rem}.heart-monitor-ecg--sm .heart-monitor-ecg__score-max{font-size:.7rem}.heart-monitor-ecg--sm .heart-monitor-ecg__message{font-size:.75rem;max-width:180px}.heart-monitor-ecg--lg .heart-monitor-ecg__score-value{font-size:2.25rem}.heart-monitor-ecg--lg .heart-monitor-ecg__score-max{font-size:1rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){.heart-monitor-ecg__pulse--animated{stroke-dashoffset:0;animation:pulse-gentle 2s infinite!important}.heart-monitor-ecg__scanline{display:none}}@keyframes pulse-gentle{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:640px){.heart-monitor-ecg{gap:.5rem}.heart-monitor-ecg__score{right:8px}.heart-monitor-ecg__score-value{font-size:1.25rem}.heart-monitor-ecg__score-max{font-size:.7rem}.heart-monitor-ecg__message{font-size:.75rem;max-width:200px}}.heart-monitor-ecg__display{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.15))}@media (prefers-color-scheme:light){.heart-monitor-ecg__display{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.03));border-color:rgba(0,0,0,.1)}.heart-monitor-ecg__message{color:#6b7280}}.connection-heatmap{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;padding:1rem 1.25rem;width:100%}.heatmap-header{margin-bottom:.75rem}.heatmap-title{color:var(--text-color);font-size:.875rem}.heatmap-issues{color:#f59e0b}.heatmap-container{overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.heatmap-months{display:flex;gap:0;height:15px;margin-bottom:.25rem;margin-left:32px;position:relative}.heatmap-day-label-spacer{width:0}.month-label{color:var(--subtle-text-color);font-size:.7rem;position:absolute;transform:translateX(calc(var(--week-offset)*14px));white-space:nowrap}.heatmap-graph{display:flex;gap:4px}.heatmap-day-labels{display:flex;flex-direction:column;flex-shrink:0;gap:3px;width:28px}.day-label{color:var(--subtle-text-color);font-size:.65rem;height:11px;line-height:11px;visibility:hidden}.day-label.show{visibility:visible}.heatmap-grid,.heatmap-week{display:flex;gap:3px}.heatmap-week{flex-direction:column}.heatmap-cell{border-radius:2px;height:11px;outline:1px solid rgba(27,31,35,.06);outline-offset:-1px;width:11px}.heatmap-cell:hover{outline:1px solid var(--text-color);outline-offset:-1px}.heatmap-cell.empty{background:rgba(22,27,34,.5);outline:1px dashed hsla(0,0%,100%,.1);outline-offset:-1px}.heatmap-cell.future{background:transparent;outline:none}.heatmap-cell.level-1{background:#0e4429}.heatmap-cell.level-2{background:#006d32}.heatmap-cell.level-3{background:#26a641}.heatmap-cell.level-4{background:#39d353}.heatmap-cell.warning{background:#9e6a03}.heatmap-cell.critical{background:#da3633}.heatmap-legend{align-items:center;color:var(--subtle-text-color);display:flex;flex-wrap:wrap;font-size:.7rem;gap:.35rem;justify-content:flex-end;margin-top:.75rem}.legend-cells{display:flex;gap:2px}.legend-cells .heatmap-cell{cursor:help;height:10px;width:10px}.legend-cells .heatmap-cell:hover{outline-color:hsla(0,0%,100%,.05)}.legend-label{font-size:.7rem}.legend-separator{margin:0 .15rem;opacity:.3}@media (max-width:600px){.connection-heatmap{padding:.75rem}.heatmap-container{mask-image:linear-gradient(90deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}.heatmap-container::-webkit-scrollbar{height:4px}.heatmap-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.heatmap-cell{height:10px;width:10px}.heatmap-grid,.heatmap-week{gap:2px}.day-label{font-size:.6rem;height:10px;line-height:10px}.heatmap-day-labels{gap:2px;width:24px}.month-label{transform:translateX(calc(var(--week-offset)*12px))}.heatmap-legend{font-size:.65rem;justify-content:flex-start}}.speed-widget{align-items:center;background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;max-width:100%;min-height:200px;min-width:0;padding:2rem 1.5rem;text-align:center;width:100%}.speed-display{gap:.25rem}.speed-main{align-items:baseline;display:flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:2.5rem;font-weight:700;gap:.5rem;letter-spacing:-.02em}.speed-down{color:#f59e0b;color:var(--download-color,#f59e0b)}.speed-down,.speed-up{align-items:baseline;display:flex;gap:.15rem}.speed-up{color:#14b8a6;color:var(--upload-color,#14b8a6)}.speed-arrow{font-size:.8em;opacity:.8}.speed-value{min-width:3ch}.speed-separator{color:var(--subtle-text-color);font-weight:400;opacity:.5}.speed-unit{font-size:.75rem;letter-spacing:.1em;margin-top:-.25rem}.speed-meta{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.latency{color:var(--subtle-text-color);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem}.quality-badge{border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}.quality-badge.excellent{background:rgba(34,197,94,.15);color:#22c55e}.quality-badge.good{background:rgba(34,197,94,.1);color:#4ade80}.quality-badge.fair{background:rgba(245,158,11,.15);color:#f59e0b}.quality-badge.poor{background:rgba(239,68,68,.15);color:#ef4444}.task-grades{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.75rem}.task-grade{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.task-grade.good{background:rgba(34,197,94,.12);color:#22c55e}.task-grade.fair{background:rgba(245,158,11,.12);color:#f59e0b}.task-grade.poor{background:rgba(239,68,68,.12);color:#ef4444}.task-icon{font-size:.85em;font-weight:700}.task-label{letter-spacing:.01em}.speed-placeholder{padding:1rem 0;text-align:center;width:100%}.placeholder-text{word-wrap:break-word;color:var(--subtle-text-color);font-size:.9rem;white-space:normal}button.run-test-btn{align-items:center;background-color:#3b82f6;background-color:var(--accent-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 2rem;transition:all .15s ease}button.run-test-btn:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-hover,#2563eb);color:#fff;transform:translateY(-1px)}button.run-test-btn:disabled{cursor:not-allowed;opacity:.7}button.run-test-btn.testing{animation:pulse-testing 1.5s ease-in-out infinite;background-color:var(--subtle-text-color);color:#fff}@keyframes pulse-testing{0%,to{opacity:.7}50%{opacity:1}}.spinner{animation:spin .6s linear infinite;border-color:#fff #fff hsla(0,0%,100%,.2) hsla(0,0%,100%,.2);border-radius:50%;border-style:solid;border-width:3px;flex-shrink:0;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.last-test-time{color:var(--subtle-text-color);font-size:.75rem}.speed-widget.compact .speed-main{font-size:1.5rem}.speed-widget.compact{padding:1rem}@media (max-width:480px){.speed-widget{gap:1rem;max-width:100%;min-height:auto;padding:1rem;width:100%}.speed-main{font-size:1.5rem}.speed-meta{flex-wrap:wrap;justify-content:center}.task-grades{gap:.5rem}.task-grade{font-size:.7rem;padding:.2rem .4rem}button.run-test-btn{box-sizing:border-box;max-width:100%;min-width:0;padding:.875rem 1rem;width:100%}}@media (max-width:360px){.speed-widget{padding:.75rem}.speed-main{font-size:1.25rem}.speed-unit{font-size:.65rem}button.run-test-btn{font-size:.9rem;padding:.75rem}}.live-speed-indicator{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;margin:1rem 0;max-width:100%;min-width:0;padding:1.5rem;width:100%}.live-speed-indicator.download{border-left:4px solid #f59e0b}.live-speed-indicator.upload{border-left:4px solid #14b8a6}.speed-display{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.speed-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.live-speed-indicator.download .speed-value{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.4)}.live-speed-indicator.upload .speed-value{color:#2dd4bf;text-shadow:0 0 20px rgba(45,212,191,.4)}.speed-phase{color:#cbd5e1;font-size:.9rem;font-weight:500;letter-spacing:.02em;margin-top:.25rem}.progress-container{background:hsla(0,0%,100%,.1);border-radius:4px;height:8px;margin-bottom:.75rem;max-width:300px;overflow:hidden;position:relative;width:100%}.progress-bar{border-radius:4px;height:100%;transition:width .15s ease-out}.live-speed-indicator.download .progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.live-speed-indicator.upload .progress-bar{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.progress-text{color:#64748b;display:block;font-size:.75rem;margin-top:.5rem;text-align:center}.elapsed-time{color:#475569;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}@keyframes pulse-glow-download{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3)}50%{box-shadow:0 4px 30px rgba(245,158,11,.25)}}.live-speed-indicator.download{animation:pulse-glow-download 2s ease-in-out infinite}@keyframes pulse-glow-upload{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3)}50%{box-shadow:0 4px 30px rgba(20,184,166,.25)}}.live-speed-indicator.upload{animation:pulse-glow-upload 2s ease-in-out infinite}@media (max-width:480px){.live-speed-indicator{box-sizing:border-box;margin:.5rem 0;max-width:100%;overflow:visible;padding:1rem;width:100%}.speed-display{max-width:100%;text-align:center;width:100%}.speed-value{font-size:1.5rem;white-space:nowrap;word-break:keep-all}.speed-phase{font-size:.8rem;line-height:1.3;text-align:center;white-space:normal}.progress-container{max-width:100%;width:100%}.elapsed-time,.progress-text{font-size:.7rem}}@media (max-width:360px){.live-speed-indicator{padding:.75rem}.speed-value{font-size:1.25rem}.speed-phase{font-size:.75rem}}.dashboard-v2{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:100%;padding:1rem;width:100%}.desktop-column-dashboard .dashboard-v2{padding:0}.desktop-column-dashboard .dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto}.desktop-column-dashboard .grid-speed,.desktop-column-dashboard .grid-status{grid-column:1}.alert-banner{align-items:center;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem}.alert-banner.warning{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.alert-banner.critical{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-banner.info{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.alert-icon{flex-shrink:0;font-size:1rem;font-weight:700;text-align:center;width:1.25rem}.alert-message{flex:1 1}button.alert-dismiss{align-items:center;background:none;background-color:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-height:48px;min-width:48px;opacity:.7;padding:.75rem 1rem}button.alert-dismiss:hover{background-color:transparent;opacity:1}.dashboard-grid{grid-gap:1.25rem;box-sizing:border-box;display:grid;gap:1.25rem;grid-template-columns:1fr 320px;grid-template-rows:auto auto;max-width:100%;width:100%}.grid-heatmap{grid-column:1/-1}.heatmap-toggle{background:transparent;border:1px dashed var(--border-color);border-radius:4px;color:var(--subtle-text-color);cursor:pointer;display:block;font-size:.75rem;margin-top:.5rem;padding:.5rem;transition:all .15s ease;width:100%}.heatmap-toggle:hover{background:hsla(0,0%,100%,.03);border-color:var(--accent-color);color:var(--text-color)}.grid-speed{align-items:stretch;display:flex;grid-column:1;min-width:0}.grid-speed>*{box-sizing:border-box;flex:1 1;max-width:100%;min-width:0}.grid-status{grid-column:2}.status-panel{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;max-width:100%;min-height:200px;min-width:0;padding:1.25rem;width:100%}.status-header{align-items:center;display:flex;gap:.5rem}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.active{animation:pulse-heartbeat 2s ease-in-out infinite;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}@keyframes pulse-heartbeat{0%,to{box-shadow:0 0 6px rgba(34,197,94,.5);transform:scale(1)}50%{box-shadow:0 0 10px rgba(34,197,94,.7);transform:scale(1.15)}}.status-indicator.inactive{background:var(--subtle-text-color)}.status-label{color:var(--text-color);flex:1 1;font-size:.85rem}button.monitor-toggle{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;min-height:48px;padding:.75rem 1.25rem;transition:all .15s ease}button.monitor-toggle.start{background-color:#3b82f6;background-color:var(--accent-color,#3b82f6);color:#fff}button.monitor-toggle.start:hover{background-color:#2563eb;background-color:var(--accent-hover,#2563eb);color:#fff}button.monitor-toggle.stop{background-color:rgba(239,68,68,.15);color:#ef4444}button.monitor-toggle.stop:hover{background-color:rgba(239,68,68,.25)}.status-stats{display:flex;gap:1.5rem;justify-content:center;padding:1rem 0}.stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--text-color);font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}.stat-label{color:var(--subtle-text-color);font-size:.7rem}.auto-test-row{align-items:center;border-top:1px solid var(--border-color);display:flex;font-size:.85rem;gap:.75rem;padding-top:.75rem}.auto-test-row label{color:var(--subtle-text-color);white-space:nowrap}.auto-test-row select{background:var(--container-bg);background:var(--input-bg,var(--container-bg));border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem .75rem}.insight-card{border:1px solid var(--border-color);border-radius:8px;padding:1rem}.insight-card.low{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.insight-card.medium{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.insight-card.high{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}.insight-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.insight-icon{font-size:1rem}.insight-title{color:var(--text-color);font-size:.9rem;font-weight:600}.insight-body{color:var(--text-color);font-size:.85rem;line-height:1.4;margin:0 0 .5rem}.insight-reco{color:var(--subtle-text-color);font-size:.8rem;font-style:italic;margin:0}.downtime-summary{align-items:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--text-color);display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.downtime-icon{font-size:1rem}.downtime-text{flex:1 1}@media (max-width:640px){.dashboard-v2{padding:.5rem}.dashboard-grid,.dashboard-v2{gap:.75rem;max-width:100%;width:100%}.dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.grid-heatmap,.grid-speed{grid-column:1;max-width:100%;min-width:0;width:100%}.grid-speed{box-sizing:border-box}.grid-speed>*,.grid-status{max-width:100%;min-width:0;width:100%}.grid-status{grid-column:1}.status-panel{min-height:auto;padding:1rem}.status-stats{justify-content:space-around;padding:.75rem 0}.stat-value{font-size:1.25rem}.alert-banner{font-size:.8rem;padding:.6rem .75rem}.insight-card{padding:.75rem}.quick-metrics{gap:.5rem}.quick-metric{min-width:120px;padding:.6rem .75rem}.share-section{padding:.75rem}}@media (max-width:380px){.dashboard-v2{padding:.375rem}.status-stats{flex-wrap:wrap;gap:.5rem}.stat{min-width:60px}.auto-test-row{align-items:stretch;flex-direction:column;gap:.5rem}.auto-test-row select{width:100%}}.quick-metrics{display:flex;flex-wrap:wrap;gap:1rem}.quick-metric{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:150px;padding:.75rem 1rem}.quick-metric .metric-label{color:var(--subtle-text-color);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.quick-metric .metric-value{color:var(--text-color);font-size:.9rem;font-weight:600}.quick-metric .metric-detail{color:var(--subtle-text-color);font-size:.75rem}.share-section{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.share-row{display:flex;flex-wrap:wrap;gap:.5rem}button.share-button{background-color:#3b82f6;background-color:var(--accent-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:150px;padding:.75rem 1rem;transition:background .15s ease}button.share-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-hover,#2563eb);color:#fff}button.share-button:disabled{cursor:not-allowed;opacity:.6}button.copy-link-button{background-color:rgba(59,130,246,.1);border:1px solid #3b82f6;border:1px solid var(--accent-color,#3b82f6);border-radius:6px;color:#3b82f6;color:var(--accent-color,#3b82f6);cursor:pointer;font-size:.85rem;padding:.75rem 1rem;transition:all .15s ease}button.copy-link-button:hover{background-color:rgba(59,130,246,.2)}.share-feedback{color:#22c55e;font-size:.8rem}.share-link{color:#3b82f6;color:var(--accent-color,#3b82f6);font-size:.8rem;word-break:break-all}.share-hint{color:var(--subtle-text-color);font-size:.75rem;margin:0}.compact-event-log{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding:.5rem}.compact-event-log.empty{align-items:center;color:var(--subtle-text-color);display:flex;font-style:italic;justify-content:center;min-height:100px}.event-card{background:rgba(0,0,0,.2);background:var(--container-bg,rgba(0,0,0,.2));border-left:3px solid var(--border-color);border-radius:6px;padding:.6rem .75rem;transition:transform .1s ease}.event-card:hover{transform:translateY(-1px)}.event-card.event-excellent{border-left-color:#22c55e}.event-card.event-good{border-left-color:#4ade80}.event-card.event-fair{border-left-color:#f59e0b}.event-card.event-poor{border-left-color:#ef4444}.event-card.event-dropout{background:rgba(239,68,68,.1);border-left-color:#ef4444}.event-card.event-recovery{background:rgba(34,197,94,.1);border-left-color:#22c55e}.event-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.event-icon{font-size:.9rem}.event-time{color:var(--subtle-text-color);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.7rem}.event-body{font-size:.85rem}.event-speed-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.speed-down{color:#22c55e}.speed-down,.speed-up{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.speed-up{color:#3b82f6}.speed-sep{opacity:.5}.speed-sep,.speed-unit{color:var(--subtle-text-color)}.speed-unit{font-size:.65rem;text-transform:uppercase}.speed-latency{color:var(--subtle-text-color);font-size:.7rem;margin-left:auto}.quality-pill,.speed-latency{font-family:SF Mono,Monaco,Consolas,monospace}.quality-pill{border-radius:999px;font-size:.6rem;font-weight:600;padding:.15rem .4rem}.quality-pill.excellent{background:rgba(34,197,94,.2);color:#22c55e}.quality-pill.good{background:rgba(74,222,128,.2);color:#4ade80}.quality-pill.fair{background:rgba(245,158,11,.2);color:#f59e0b}.quality-pill.poor{background:rgba(239,68,68,.2);color:#ef4444}.event-dropout-info,.event-recovery-info{color:var(--text-color);font-size:.8rem}@media (max-width:480px){.compact-event-log{grid-template-columns:1fr}}@media (min-width:900px){.compact-event-log{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.test-history-chart{background:#fff;background:var(--card-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);padding:16px;padding:var(--space-md,16px)}.test-history-chart--compact{padding:12px;padding:var(--space-sm,12px)}.test-history-chart--empty{align-items:center;display:flex;justify-content:center;min-height:200px}.empty-state{color:#6b7280;color:var(--text-muted,#6b7280);text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-hint{font-size:.875rem;margin-top:4px;opacity:.7}.chart-controls{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;overflow:visible;padding-bottom:12px}.timescale-selector{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;display:flex;gap:4px;padding:4px}.timescale-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.timescale-btn:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.timescale-btn.active{background:#3b82f6;background:var(--color-primary,#3b82f6);box-shadow:0 1px 3px rgba(0,0,0,.1);color:#fff}.dataset-toggles{display:flex;flex-wrap:wrap;gap:16px}.toggle-label{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.8125rem;gap:6px;-webkit-user-select:none;user-select:none}.toggle-label input{opacity:0;pointer-events:none;position:absolute}.toggle-dot{border:2px solid;border-radius:50%;height:12px;transition:all .15s ease;width:12px}.toggle-label input:checked+.toggle-dot{background:currentColor}.toggle-dot--download{color:#22c55e}.toggle-dot--upload{color:#3b82f6}.toggle-dot--baseline{color:#9ca3af;color:var(--text-muted,#9ca3af)}.custom-range-picker{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;display:flex;flex-direction:column;gap:10px;overflow:visible;padding:12px;width:100%}.range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.range-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px}.range-input-group span{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.range-input-group input{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.8125rem;padding:8px 10px}.range-input-group input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.15);outline:none}.range-separator{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:1rem;padding-top:18px}.quick-seek-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quick-seek-label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem}.quick-seek-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.6875rem;font-weight:500;padding:5px 10px;transition:all .15s ease}.quick-seek-btn:hover{background:rgba(59,130,246,.05);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.range-summary{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;padding-top:4px;text-align:center}.chart-container{height:300px;position:relative}.chart-summary{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:24px;justify-content:center;margin-top:16px;padding-top:12px}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9375rem;font-weight:600}.summary-stat--download .stat-value{color:#22c55e}.summary-stat--upload .stat-value{color:#3b82f6}@media (max-width:600px){.test-history-chart{overflow:visible;padding:12px;padding:var(--space-sm,12px)}.chart-controls{align-items:stretch;flex-direction:column;gap:12px;overflow:visible}.timescale-selector{flex-wrap:wrap;justify-content:center}.timescale-btn{font-size:.6875rem;padding:8px 10px}.dataset-toggles{gap:12px;justify-content:center}.toggle-label{font-size:.75rem}.chart-container{height:400px}.chart-summary{align-items:center;flex-direction:column;gap:12px}.summary-stat{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;flex-direction:row;justify-content:space-between;max-width:200px;padding:8px 12px;width:100%}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}.custom-range-picker{overflow:visible;padding:10px;position:relative}.range-inputs{flex-direction:column;gap:10px;overflow:visible}.range-input-group{min-width:0;min-width:auto;position:static;width:100%}.range-input-group input[type=date],.range-input-group input[type=datetime-local]{border-radius:8px;font-size:16px;padding:12px;text-align:center;width:100%}.range-input-group{align-items:center;display:flex;flex-direction:column}.range-input-group span{align-self:center;margin-bottom:4px}.range-separator{display:none}.quick-seek-buttons{justify-content:center}.quick-seek-btn{flex:1 1;min-width:70px;text-align:center}}@media (min-width:601px) and (max-width:900px){.timescale-btn{font-size:.6875rem;padding:6px 10px}.chart-container{height:280px}}@media (pointer:coarse){.timescale-btn{min-height:44px;padding:10px 14px}.toggle-label{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;min-height:44px;padding:8px}}@media (prefers-color-scheme:dark){.test-history-chart{background:#1f2937;background:var(--card-bg,#1f2937)}.timescale-selector{background:#374151;background:var(--bg-secondary,#374151)}.timescale-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.timescale-btn:hover{background:#4b5563;background:var(--bg-tertiary,#4b5563);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.chart-controls,.chart-summary{border-color:#374151;border-color:var(--border-color,#374151)}.stat-value{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.summary-stat{background:#374151;background:var(--bg-secondary,#374151)}.custom-range-picker{background:#374151;background:var(--bg-tertiary,#374151)}.range-input-group input{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.quick-seek-btn,.range-input-group input{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--border-color,#4b5563)}.quick-seek-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.quick-seek-btn:hover{background:rgba(59,130,246,.15)}.range-summary{border-color:#4b5563;border-color:var(--border-color,#4b5563)}}@media (prefers-reduced-motion:reduce){.timescale-btn,.toggle-dot{transition:none}}.settings-page{margin:0 auto;max-width:800px}.settings-page h1{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.settings-tab{background:transparent;border:none;border-radius:8px 8px 0 0;color:#a0a0a0;color:var(--muted-text,#a0a0a0);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease;white-space:nowrap}.settings-tab:hover{background:hsla(0,0%,100%,.05);color:var(--text-color)}.settings-tab.active{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--color-primary,#3b82f6);color:var(--text-color)}.settings-section,.settings-tab.active{background:rgba(0,0,0,.25);background:var(--container-bg,rgba(0,0,0,.25))}.settings-section{border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.settings-section h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.settings-section h2:not(:first-child){margin-top:2rem}.section-description{color:#a0a0a0;color:var(--muted-text,#a0a0a0);line-height:1.5;margin-bottom:1.5rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{align-items:baseline;display:flex;gap:.5rem}.setting-label{font-weight:500}.setting-unit{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.75rem}.setting-item input[type=number]{background:rgba(0,0,0,.2);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1.25rem;font-weight:600;padding:.75rem;width:100%}.setting-item input[type=number]:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.setting-help{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.8rem;margin:0}.setting-toggle{margin-bottom:1rem}.toggle-row{align-items:flex-start;background:rgba(0,0,0,.1);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:background .15s ease}.toggle-row:hover{background:rgba(0,0,0,.15)}.toggle-row input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--color-primary,#3b82f6);cursor:pointer;height:20px;margin-top:2px;width:20px}.toggle-content{display:flex;flex-direction:column;gap:.25rem}.toggle-label{font-weight:500}.toggle-description{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.875rem;line-height:1.4}.privacy-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.privacy-item{background:rgba(34,197,94,.1);border-left:3px solid #22c55e;border-radius:8px;display:flex;gap:1rem;padding:1rem}.privacy-icon{font-size:1.5rem}.privacy-item strong{display:block;margin-bottom:.25rem}.privacy-item p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.875rem;margin:0}.danger-zone{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-top:2rem;padding:1.5rem}.danger-zone h3{color:#ef4444;margin:0 0 .5rem}.danger-zone>p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);margin-bottom:1rem}.danger-button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .15s ease}.danger-button:hover{background:#b91c1c}.confirm-clear{background:rgba(239,68,68,.15);border-radius:8px;padding:1rem}.confirm-warning{font-weight:500;margin:0 0 1rem}.confirm-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.cancel-button{background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .15s ease}.cancel-button:hover{background:hsla(0,0%,100%,.1)}.about-section p{line-height:1.6;margin-bottom:1rem}.about-features{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.about-feature{background:rgba(0,0,0,.1);border-radius:8px;display:flex;gap:1rem;padding:1rem}.feature-icon{font-size:1.5rem}.about-feature strong{display:block;margin-bottom:.25rem}.about-feature p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.875rem;margin:0}.info-card{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;display:flex;gap:.75rem;margin-top:.5rem;padding:1rem}.info-card .info-icon{flex-shrink:0;font-size:1.25rem}.info-card strong{display:block;font-size:.9rem;margin-bottom:.25rem}.info-card p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.8rem;line-height:1.4;margin:0}.section-divider{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.credits{font-size:.9rem}.credits h3{margin-bottom:.75rem}.github-link{align-items:center;color:var(--text-color);display:inline-flex;gap:.5rem;text-decoration:none}.github-link:hover{text-decoration:underline}.github-logo{height:20px;width:20px}.attribution{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.8rem}.attribution a{color:inherit}body.light-mode .settings-section,body.light-mode .settings-tab.active{background:hsla(0,0%,100%,.9)}body.light-mode .toggle-row{background:rgba(0,0,0,.03)}body.light-mode .toggle-row:hover{background:rgba(0,0,0,.05)}body.light-mode .about-feature,body.light-mode .setting-item input[type=number]{background:rgba(0,0,0,.03)}@media (max-width:600px){.settings-page h1{font-size:1.5rem}.settings-tabs{gap:.25rem}.settings-tab{font-size:.8rem;padding:.6rem .75rem}.settings-section{padding:1rem}.settings-grid{grid-template-columns:1fr}.toggle-row{padding:.75rem}.confirm-buttons{flex-direction:column}.cancel-button,.danger-button{text-align:center;width:100%}}@media (pointer:coarse){.settings-tab{min-height:44px}.toggle-row{min-height:60px}.cancel-button,.danger-button{min-height:48px}}.privacy-location-box{background:rgba(0,0,0,.15);background:var(--container-bg,rgba(0,0,0,.15));border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.privacy-location-header{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.privacy-location-icon{font-size:1.25rem}.privacy-location-grid{grid-gap:.5rem;display:grid;gap:.5rem}.privacy-location-item{align-items:center;background:rgba(34,197,94,.1);border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.check-icon{color:#22c55e;font-weight:700}.privacy-badge{border-radius:4px;font-size:.75rem;font-weight:500;margin-left:auto;padding:.125rem .5rem}.privacy-badge.safe{background:#22c55e;color:#fff}.telemetry-toggle-box{background:rgba(0,0,0,.15);background:var(--container-bg,rgba(0,0,0,.15));border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.telemetry-toggle-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#64748b;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.telemetry-status{font-size:.9rem;font-weight:500}.telemetry-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.telemetry-column{border-radius:8px;padding:.75rem}.telemetry-column h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.telemetry-column ul{font-size:.8125rem;margin:0;padding-left:1.25rem}.telemetry-column li{margin-bottom:.25rem}.what-we-see{background:rgba(59,130,246,.1)}.what-we-see h4{color:#3b82f6}.what-we-dont{background:rgba(239,68,68,.1)}.what-we-dont h4{color:#ef4444}.see-data-button{align-items:center;background:rgba(0,0,0,.2);background:var(--container-bg,rgba(0,0,0,.2));border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s;width:100%}.see-data-button:hover{background:hsla(0,0%,100%,.1)}.search-icon{font-size:1rem}.privacy-policy-link{margin:1.5rem 0}.data-management-buttons{display:flex;flex-wrap:wrap;gap:1rem}.secondary-button{background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.secondary-button:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.secondary-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.telemetry-comparison{grid-template-columns:1fr}.privacy-location-item{flex-wrap:wrap}.privacy-badge{margin-left:0;margin-top:.25rem;width:-webkit-fit-content;width:fit-content}.data-management-buttons{flex-direction:column}.danger-button,.secondary-button{text-align:center;width:100%}}.endpoint-status{margin:1rem 0;margin:var(--spacing-md,1rem) 0}.endpoint-status.compact{margin:.5rem 0;margin:var(--spacing-xs,.5rem) 0}.endpoint-status-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.endpoint-status-loading{color:var(--color-text-secondary);font-size:.875rem;padding:.5rem;padding:var(--spacing-xs,.5rem)}.endpoint-status-grid{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-sm,.75rem)}.endpoint-item{position:relative}.endpoint-indicator{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-xs,.5rem);min-height:48px;min-height:var(--spacing-touch-min,48px);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);transition:all .2s ease}.endpoint-indicator:hover{background-color:rgba(0,0,0,.02);border-color:var(--color-primary)}body.dark-mode .endpoint-indicator:hover{background-color:hsla(0,0%,100%,.05)}.endpoint-indicator:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.endpoint-icon{font-size:1rem;line-height:1}.endpoint-label{color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium,500)}.endpoint-status.compact .endpoint-indicator{font-size:.8rem;padding:.375rem .5rem;padding:.375rem var(--spacing-xs,.5rem)}.endpoint-status.compact .endpoint-icon{font-size:.875rem}.endpoint-indicator.status-available{border-color:var(--status-available)}.endpoint-indicator.status-degraded{border-color:var(--status-degraded)}.endpoint-indicator.status-error,.endpoint-indicator.status-unavailable{border-color:var(--status-unavailable)}.endpoint-indicator.status-not-configured,.endpoint-indicator.status-unknown{border-color:var(--status-unconfigured);opacity:.7}.endpoint-tooltip{animation:tooltipFadeIn .2s ease-out;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:var(--shadow-lg);font-size:.875rem;left:0;max-width:360px;min-width:280px;padding:.75rem;padding:var(--spacing-sm,.75rem);position:absolute;top:calc(100% + .5rem);top:calc(100% + var(--spacing-xs, .5rem));z-index:1000;z-index:var(--z-dropdown,1000)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.endpoint-tooltip{left:50%;max-width:90vw;min-width:260px;transform:translateX(-50%)}}.tooltip-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem);padding-bottom:.5rem;padding-bottom:var(--spacing-xs,.5rem)}.tooltip-header strong{color:var(--color-text-primary);font-size:.9rem}.tooltip-status{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium,500);padding:.25rem .5rem;padding:.25rem var(--spacing-xs,.5rem)}.tooltip-status.status-available{background-color:rgba(34,197,94,.2);color:var(--status-available)}.tooltip-status.status-degraded{background-color:rgba(234,179,8,.2);color:var(--status-degraded)}.tooltip-status.status-error,.tooltip-status.status-unavailable{background-color:rgba(239,68,68,.2);color:var(--status-unavailable)}.tooltip-status.status-not-configured,.tooltip-status.status-unknown{background-color:rgba(156,163,175,.2);color:var(--status-unconfigured)}.tooltip-description{color:var(--color-text-primary);line-height:1.5;line-height:var(--line-height-base,1.5);margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem)}.tooltip-fallback{align-items:flex-start;background-color:rgba(0,121,107,.1);border-left:3px solid var(--color-primary);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--color-text-primary);display:flex;font-size:.8rem;gap:.5rem;gap:var(--spacing-xs,.5rem);line-height:1.4;line-height:var(--line-height-tight,1.4);margin-top:.5rem;margin-top:var(--spacing-xs,.5rem);padding:.5rem;padding:var(--spacing-xs,.5rem)}body.dark-mode .tooltip-fallback{background-color:rgba(77,182,172,.1)}.fallback-icon{flex-shrink:0;font-size:1rem}.tooltip-warning{align-items:flex-start;background-color:rgba(245,158,11,.1);border-left:3px solid var(--color-warning);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--color-text-primary);display:flex;font-size:.8rem;gap:.5rem;gap:var(--spacing-xs,.5rem);line-height:1.4;line-height:var(--line-height-tight,1.4);margin-top:.5rem;margin-top:var(--spacing-xs,.5rem);padding:.5rem;padding:var(--spacing-xs,.5rem)}.warning-icon{flex-shrink:0;font-size:1rem}.tooltip-meta{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.75rem;margin-top:.5rem;margin-top:var(--spacing-xs,.5rem);padding-top:.5rem;padding-top:var(--spacing-xs,.5rem)}.endpoint-banner{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;font-size:.875rem;gap:.75rem;gap:var(--spacing-sm,.75rem);line-height:1.5;line-height:var(--line-height-base,1.5);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.endpoint-banner.warning{background-color:rgba(245,158,11,.15);border:1px solid var(--color-warning);color:var(--color-text-primary)}.endpoint-banner.info{background-color:rgba(0,121,107,.15);border:1px solid var(--color-primary);color:var(--color-text-primary)}body.dark-mode .endpoint-banner.info{background-color:rgba(77,182,172,.15)}.banner-icon{flex-shrink:0;font-size:1.25rem}.banner-message{flex:1 1}@media (prefers-reduced-motion:reduce){.endpoint-tooltip{animation:none}@keyframes tooltipFadeIn{0%,to{opacity:1;transform:translateY(0)}}}.privacy-viewer-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.privacy-viewer-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:100%}.privacy-viewer-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1.5rem;position:relative}.privacy-viewer-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;margin:0}.privacy-viewer-subtitle{font-size:.875rem;margin:.25rem 0 0}.privacy-viewer-close,.privacy-viewer-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280)}.privacy-viewer-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.75rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:40px}.privacy-viewer-close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.privacy-viewer-content{flex:1 1;overflow-y:auto;padding:1.5rem}.privacy-status-banner{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.enabled{background:#22c55e}.status-dot.disabled{background:#9ca3af}.privacy-section{margin-bottom:1.5rem}.privacy-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;margin:0 0 .75rem}.payload-preview{background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.field-explanations{grid-gap:.75rem;display:grid;gap:.75rem;margin:0}.field-explanations dt{font-weight:600;margin-bottom:.25rem}.field-explanations dt code{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;font-size:.8125rem;padding:.125rem .375rem}.field-explanations dd{border-left:2px solid #e5e7eb;border-left:2px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0;padding-left:1rem}.not-collected{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem}.not-collected h3{color:#dc2626}.not-collected-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.not-collected-list li{align-items:center;color:#7f1d1d;display:flex;font-size:.875rem;gap:.5rem}.not-icon{color:#dc2626;font-weight:700}.privacy-guarantee{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-top:1rem;padding:1rem}.privacy-guarantee p{color:#065f46;font-size:.875rem;margin:0}.privacy-viewer-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.privacy-viewer-button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.privacy-viewer-button:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}@media (prefers-color-scheme:dark){.privacy-viewer-modal{background:#1f2937}.privacy-viewer-header{border-color:#374151}.privacy-viewer-header h2{color:#f9fafb}.privacy-viewer-subtitle{color:#9ca3af}.privacy-status-banner{background:#374151}.privacy-section h3{color:#f9fafb}.field-explanations dt code{background:#374151;color:#e5e7eb}.field-explanations dd{border-color:#4b5563;color:#9ca3af}.not-collected{background:#450a0a;border-color:#7f1d1d}.not-collected h3{color:#fca5a5}.not-collected-list li{color:#fecaca}.not-icon{color:#f87171}.privacy-guarantee{background:#052e16;border-color:#166534}.privacy-guarantee p{color:#86efac}.privacy-viewer-footer{border-color:#374151}}@media (max-width:480px){.privacy-viewer-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:90vh}.privacy-viewer-content,.privacy-viewer-header{padding:1rem}.payload-preview{font-size:.75rem}}.privacy-policy-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.privacy-policy-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:85vh;max-width:650px;width:100%}.privacy-policy-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1.5rem;position:relative}.privacy-policy-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;margin:0;padding-right:2rem}.privacy-policy-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.75rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:40px}.privacy-policy-close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.privacy-policy-content{flex:1 1;overflow-y:auto;padding:1.5rem}.policy-section{margin-bottom:1.75rem}.policy-section:last-child{margin-bottom:0}.policy-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;margin:0 0 .75rem}.policy-section p{color:#4b5563;color:var(--text-secondary,#4b5563);line-height:1.6;margin:0 0 .75rem}.promise-section{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:1.25rem}.promise-text{color:#065f46!important;font-size:1.1rem;margin:0!important}.policy-list{list-style:none;margin:.5rem 0;padding:0}.policy-list li{align-items:flex-start;color:#4b5563;color:var(--text-secondary,#4b5563);display:flex;gap:.75rem;padding:.5rem 0}.list-icon{flex-shrink:0;font-size:1rem;font-weight:700;text-align:center;width:1.25rem}.local-list .list-icon{color:#22c55e}.stats-list .list-icon{color:#3b82f6}.never-section{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.25rem}.never-list .list-icon,.never-section h3{color:#dc2626}.never-list li{color:#7f1d1d}.stats-note,.storage-note{color:#9ca3af!important;color:var(--text-muted,#9ca3af)!important;font-size:.875rem;font-style:italic;margin-top:.75rem!important}.controls-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.75rem}.control-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;padding:1rem}.control-item strong{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:.9rem;margin-bottom:.25rem}.control-item p{color:#9ca3af!important;color:var(--text-muted,#9ca3af)!important;font-size:.8rem;margin:0!important}.cloudflare-list li{padding:.25rem 0}.questions-section{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;padding:1.25rem}.questions-section a{color:#3b82f6;text-decoration:none}.questions-section a:hover{text-decoration:underline}.privacy-policy-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.privacy-policy-button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.privacy-policy-button:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}@media (prefers-color-scheme:dark){.privacy-policy-modal{background:#1f2937}.privacy-policy-header{border-color:#374151}.policy-section h3,.privacy-policy-header h2{color:#f9fafb}.policy-section p{color:#d1d5db}.promise-section{background:#052e16;border-color:#166534}.promise-text{color:#86efac!important}.policy-list li{color:#d1d5db}.never-section{background:#450a0a;border-color:#7f1d1d}.never-section h3{color:#fca5a5}.never-list li{color:#fecaca}.control-item{background:#374151}.control-item strong{color:#f9fafb}.questions-section{background:#374151}.privacy-policy-footer{border-color:#374151}}@media (max-width:600px){.privacy-policy-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:90vh}.privacy-policy-header{padding:1rem}.privacy-policy-header h2{font-size:1.25rem}.privacy-policy-content{padding:1rem}.policy-section h3{font-size:1rem}.controls-grid{grid-template-columns:1fr}.never-section,.promise-section,.questions-section{padding:1rem}}.user-guide{margin:0 auto;max-width:800px}.user-guide h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.guide-intro{color:#a0a0a0;color:var(--muted-text,#a0a0a0);margin-bottom:1.5rem}.guide-section{background:rgba(0,0,0,.25);background:var(--container-bg,rgba(0,0,0,.25));border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden}.section-header{background:transparent;border:none;color:var(--text-color);cursor:pointer;gap:12px;padding:1rem 1.25rem;text-align:left;transition:background .15s ease;width:100%}.section-header:hover{background:hsla(0,0%,100%,.05)}.section-header.active{background:hsla(0,0%,100%,.08)}.section-title{flex:1 1;font-size:1rem;font-weight:600}.section-toggle{font-size:1.25rem;opacity:.5}.section-content{animation:slideDown .2s ease;padding:0 1.25rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.step-list{flex-direction:column}.step,.step-list{display:flex;gap:1rem}.step{align-items:flex-start}.step-number{align-items:center;background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.step strong{display:block;margin-bottom:.25rem}.step p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);font-size:.9rem;margin:0}.metric-explainer{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.metric-explainer:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.metric-explainer h4{font-size:1rem;margin:0 0 .5rem}.what-is{color:#a0a0a0;color:var(--muted-text,#a0a0a0);margin-bottom:.75rem}.speed-guide{display:flex;flex-direction:column;gap:.5rem}.speed-tier{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:1rem;padding:.5rem .75rem}.speed-tier.good{background:rgba(34,197,94,.15);border-left:3px solid #22c55e}.speed-tier.okay{background:rgba(234,179,8,.15);border-left:3px solid #eab308}.speed-tier.poor{background:rgba(239,68,68,.15);border-left:3px solid #ef4444}.speed-range{font-weight:600;min-width:100px}.impact-list,.speed-use{color:#a0a0a0;color:var(--muted-text,#a0a0a0)}.impact-list{margin:0;padding-left:1.5rem}.impact-list li{margin-bottom:.25rem}.trouble-card{background:rgba(0,0,0,.15);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.trouble-card:last-child{margin-bottom:0}.trouble-card h4{font-size:1rem;margin:0 0 1rem}.trouble-steps ol{margin:.75rem 0;padding-left:1.5rem}.trouble-steps li{line-height:1.5;margin-bottom:.75rem}.when-to-call{background:rgba(59,130,246,.15);border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;font-size:.875rem;margin-top:1rem;padding:.75rem}.faq-item{margin-bottom:1.5rem}.faq-item:last-child{margin-bottom:0}.faq-item h4{color:var(--text-color);font-size:1rem;margin:0 0 .5rem}.faq-item p{color:#a0a0a0;color:var(--muted-text,#a0a0a0);line-height:1.6;margin:0}body.light-mode .guide-section{background:hsla(0,0%,100%,.9)}body.light-mode .section-header:hover{background:rgba(0,0,0,.03)}body.light-mode .section-header.active{background:rgba(0,0,0,.05)}body.light-mode .trouble-card{background:rgba(0,0,0,.03)}@media (max-width:600px){.user-guide h1{font-size:1.5rem}.section-header{padding:1rem}.section-content{padding:0 1rem 1rem}.speed-tier{align-items:flex-start;flex-direction:column;gap:.25rem}.speed-range{min-width:auto}.step{flex-direction:column;gap:.5rem}.step-number{font-size:.875rem;height:28px;width:28px}}@media (pointer:coarse){.section-header{min-height:56px}}@media (prefers-reduced-motion:reduce){.section-content{animation:none}}.install-prompt-card{animation:install-prompt-slide-in .4s ease-out;background:linear-gradient(135deg,rgba(77,182,172,.15),rgba(77,182,172,.05));border:2px solid rgba(77,182,172,.3)}body.light-mode .install-prompt-card{background:linear-gradient(135deg,rgba(25,118,210,.1),rgba(25,118,210,.03));border-color:rgba(25,118,210,.3)}.install-prompt-card .card-header h2{color:var(--accent-color);font-size:1.2rem}.install-prompt-description{color:var(--text-color);font-size:1rem;line-height:1.6;margin:.75rem 0 1rem}.install-prompt-actions{display:flex;flex-wrap:wrap;gap:.75rem}.install-prompt-primary{flex:1 1;min-width:160px}.install-prompt-actions .secondary{flex:1 1;min-width:140px}@keyframes install-prompt-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.install-prompt-card{animation:none}@keyframes install-prompt-slide-in{0%,to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.install-prompt-card .card-header h2{font-size:1.1rem}.install-prompt-description{font-size:.95rem}.install-prompt-actions{flex-direction:column;gap:.5rem}.install-prompt-actions .secondary,.install-prompt-primary{flex:none;width:100%}}@media (max-width:480px){.install-prompt-card{padding:.875rem}.install-prompt-card .card-header h2{font-size:1rem}.install-prompt-description{font-size:.9rem;margin:.5rem 0 .75rem}}.connection-onboarding-overlay{align-items:center;animation:connection-onboarding-fade-in .3s ease-out;background:var(--onboarding-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;padding:var(--spacing-md,1rem);position:fixed;right:0;top:0;z-index:9999;z-index:var(--z-modal,9999)}body.light-mode .connection-onboarding-overlay{background:hsla(0,0%,100%,.95)}.connection-onboarding-modal{animation:connection-onboarding-slide-up .4s ease-out;background:var(--onboarding-card-bg);border:2px solid var(--color-border);border-radius:20px;border-radius:var(--radius-2xl,20px);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:700px;overflow-y:auto;padding:clamp(1.5rem,4vw,2.5rem);width:100%}.connection-onboarding-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);text-align:center}.connection-onboarding-header h1{color:var(--color-primary);font-size:clamp(1.5rem,5vw,2rem);font-size:var(--font-size-h1,clamp(1.5rem,5vw,2rem));font-weight:700;font-weight:var(--font-weight-bold,700);line-height:1.2;line-height:var(--line-height-heading,1.2);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.connection-onboarding-subtitle{color:var(--color-text-primary);font-size:clamp(1rem,3vw,1.125rem);line-height:1.5;line-height:var(--line-height-base,1.5);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.connection-onboarding-why{color:var(--color-text-secondary);font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--font-size-base,clamp(.9rem,2.5vw,1rem));line-height:1.6;line-height:var(--line-height-base,1.6);margin:0}.connection-onboarding-options{grid-gap:1rem;grid-gap:var(--onboarding-card-gap,1rem);display:grid;gap:1rem;gap:var(--onboarding-card-gap,1rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.connection-option-card{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);gap:1rem;gap:var(--spacing-md,1rem);min-height:80px;min-height:var(--onboarding-card-min-height,80px);padding:1.25rem;text-align:left;transition:all .2s ease;width:100%}.connection-option-card:hover{background:var(--onboarding-card-hover);border-color:var(--color-primary);transform:translateY(-2px)}.connection-option-card:hover,body.light-mode .connection-option-card:hover{box-shadow:0 4px 12px rgba(0,121,107,.15)}.connection-option-card:active{transform:translateY(0)}.connection-option-card.selected{background:rgba(0,121,107,.1);border-color:var(--onboarding-card-selected);box-shadow:0 0 0 3px rgba(0,121,107,.2)}body.dark-mode .connection-option-card{background:var(--color-bg-secondary)}body.dark-mode .connection-option-card.selected{background:rgba(77,182,172,.1);box-shadow:0 0 0 3px rgba(77,182,172,.2)}.connection-option-icon{align-items:center;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;line-height:1;width:60px}.connection-option-text{flex:1 1;min-width:0}.connection-option-name{color:var(--color-text-primary);font-size:clamp(1rem,3vw,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.3;line-height:var(--line-height-tight,1.3);margin:0 0 .25rem}.connection-option-description{color:var(--color-text-secondary);font-size:clamp(.875rem,2.5vw,.95rem);line-height:1.4;line-height:var(--line-height-tight,1.4);margin:0}.connection-onboarding-footer{border-top:1px solid var(--color-border);display:flex;justify-content:center;padding-top:1rem;padding-top:var(--spacing-md,1rem)}.connection-onboarding-skip{background:transparent;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;min-height:48px;min-height:var(--spacing-touch-min,48px);padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem);transition:all .2s ease}.connection-onboarding-skip:hover{background:rgba(0,0,0,.05);color:var(--color-text-primary)}body.dark-mode .connection-onboarding-skip:hover{background:hsla(0,0%,100%,.05)}.connection-onboarding-confirm .connection-onboarding-header h1{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:center}.connection-confirm-icon{font-size:2.5rem;line-height:1}.connection-confirm-content{background:var(--color-bg-tertiary);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.connection-confirm-subheading{color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-h3,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.connection-confirm-expectation{color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.7;line-height:var(--line-height-base,1.7);margin:0 0 1.25rem}.connection-confirm-note{background:rgba(0,121,107,.1);border-left:3px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-text-primary);font-size:.9rem;line-height:1.5;line-height:var(--line-height-base,1.5);padding:.875rem 1rem;padding:.875rem var(--spacing-md,1rem)}body.dark-mode .connection-confirm-note{background:rgba(77,182,172,.1)}.connection-confirm-note strong{color:var(--color-primary)}.connection-confirm-actions{display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:space-between}.connection-confirm-back{background:transparent;border:2px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;font-weight:var(--font-weight-medium,500);min-height:48px;min-height:var(--spacing-touch-min,48px);padding:.875rem 1.5rem;padding:.875rem var(--spacing-lg,1.5rem);transition:all .2s ease}.connection-confirm-back:hover{background:rgba(0,121,107,.05);border-color:var(--color-primary)}body.dark-mode .connection-confirm-back:hover{background:rgba(77,182,172,.05)}.connection-confirm-primary{background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#fff;cursor:pointer;flex:2 1;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);min-height:48px;min-height:var(--spacing-touch-min,48px);padding:.875rem 1.5rem;padding:.875rem var(--spacing-lg,1.5rem);transition:all .2s ease}.connection-confirm-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(0,121,107,.3);transform:translateY(-2px)}.connection-confirm-primary:active{transform:translateY(0)}@keyframes connection-onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes connection-onboarding-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.connection-onboarding-modal,.connection-onboarding-overlay{animation:none}.connection-confirm-primary:hover,.connection-option-card:hover{transform:none}@keyframes connection-onboarding-fade-in,
    @keyframes connection-onboarding-slide-up{0%,to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.connection-onboarding-modal{max-height:95vh;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.connection-option-icon{font-size:2rem;height:50px;width:50px}.connection-onboarding-options{gap:.75rem;gap:var(--spacing-sm,.75rem)}.connection-option-card{min-height:70px;padding:1rem;padding:var(--spacing-md,1rem)}}@media (max-width:480px){.connection-onboarding-overlay{align-items:flex-start;padding:.5rem;padding:var(--spacing-xs,.5rem);padding-top:2rem;padding-top:var(--spacing-xl,2rem)}.connection-onboarding-modal{border-radius:16px;border-radius:var(--radius-xl,16px);padding:1.25rem}.connection-onboarding-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.connection-option-card{gap:.75rem;gap:var(--spacing-sm,.75rem);min-height:64px;padding:.875rem}.connection-option-icon{font-size:1.75rem;height:44px;width:44px}.connection-confirm-actions{flex-direction:column}.connection-confirm-back,.connection-confirm-primary{flex:none;width:100%}.connection-confirm-content{padding:1.25rem}}.connection-confirm-back:focus-visible,.connection-confirm-primary:focus-visible,.connection-onboarding-skip:focus-visible,.connection-option-card:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.debug-panel{bottom:1rem;font-family:system-ui,-apple-system,sans-serif;font-size:.85rem;position:fixed;right:1rem;z-index:9999}.debug-panel.expanded{max-height:80vh;overflow-y:auto;width:320px}.debug-toggle{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#f8fafc;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.debug-panel.expanded .debug-toggle{border-radius:8px 8px 0 0;margin-bottom:0;width:100%}.debug-toggle:hover{background:#334155}.debug-content{background:#1e293b;border:1px solid #334155;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:1rem}.debug-content h3{border-bottom:1px solid #334155;color:#94a3b8;font-size:.9rem;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.debug-section{border-bottom:1px solid #334155;margin-bottom:1rem;padding-bottom:1rem}.debug-section:last-of-type{border-bottom:none;margin-bottom:.5rem}.debug-section h4{color:#e2e8f0;font-size:.8rem;font-weight:600;margin:0 0 .5rem}.debug-button-row{display:flex;flex-wrap:wrap;gap:.5rem}.debug-btn{background:#334155;border:1px solid #475569;border-radius:4px;color:#f8fafc;cursor:pointer;font-size:.75rem;padding:.4rem .75rem;transition:background .15s}.debug-btn:hover{background:#475569}.debug-btn.good{background:#166534;border-color:#22c55e}.debug-btn.good:hover{background:#15803d}.debug-btn.warn{background:#854d0e;border-color:#eab308}.debug-btn.warn:hover{background:#a16207}.debug-btn.poor{background:#991b1b;border-color:#ef4444}.debug-btn.poor:hover{background:#b91c1c}.debug-btn.danger{background:#7f1d1d;border-color:#dc2626}.debug-btn.danger:hover{background:#991b1b}.debug-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.debug-inputs label{color:#94a3b8;display:flex;flex-direction:column;font-size:.7rem;gap:.25rem}.debug-inputs input{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f8fafc;font-size:.8rem;padding:.35rem .5rem}.debug-inputs input:focus{border-color:#3b82f6;outline:none}.debug-hint{color:#64748b;font-size:.7rem;font-style:italic;margin:.5rem 0 0}.debug-status{border-top:1px solid #334155;color:#64748b;font-size:.75rem;margin-top:.5rem;padding-top:.5rem;text-align:center}.historical-section .debug-hint{margin-bottom:.75rem}.historical-scenarios{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.scenario-btn{font-size:.8rem;padding:.6rem .75rem;text-align:left;width:100%}.scenario-btn:disabled{cursor:wait;opacity:.6}.debug-btn.info{background:#1e40af;border-color:#3b82f6}.debug-btn.info:hover{background:#1d4ed8}.scenario-descriptions{background:#0f172a;border-radius:4px;color:#94a3b8;line-height:1.6;padding:.5rem .75rem}.scenario-descriptions small{font-size:.7rem}.scenario-descriptions strong{color:#e2e8f0}.debug-panel.expanded::-webkit-scrollbar{width:6px}.debug-panel.expanded::-webkit-scrollbar-track{background:#1e293b}.debug-panel.expanded::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}@media (max-width:768px){.debug-panel{bottom:6rem;right:.5rem}.debug-panel.expanded{max-height:calc(100vh - 8rem);max-width:320px;right:.5rem;width:calc(100vw - 1rem)}}@media (max-width:480px){.debug-panel{bottom:5.5rem}}.bottom-nav-bar{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);bottom:0;box-shadow:var(--shadow-lg);display:block;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:var(--z-sticky)}@media (min-width:1024px){.bottom-nav-bar{display:none}}.bottom-nav-bar__container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:100%;width:100%}.bottom-nav-bar__item{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-family-base);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);gap:var(--spacing-xxs);justify-content:center;margin:0;min-height:var(--spacing-touch-min);min-width:var(--spacing-touch-min);padding:0;padding:var(--spacing-xs) var(--spacing-xxs);transition:color .2s ease,background-color .2s ease}@media (hover:hover) and (pointer:fine){.bottom-nav-bar__item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}}.bottom-nav-bar__item:active{background-color:var(--color-bg-tertiary)}.bottom-nav-bar__item--active{color:var(--color-primary);font-weight:var(--font-weight-semibold);position:relative}.bottom-nav-bar__item--active:before{background:var(--color-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";height:3px;left:0;position:absolute;right:0;top:0}.bottom-nav-bar__item:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-border-focus);outline-offset:-2px}.bottom-nav-bar__icon{font-size:24px;line-height:1;transition:transform .2s ease}.bottom-nav-bar__item--active .bottom-nav-bar__icon{transform:scale(1.1)}.bottom-nav-bar__label{font-size:12px;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.bottom-nav-bar__icon,.bottom-nav-bar__item{transition:none}.bottom-nav-bar__item--active .bottom-nav-bar__icon{transform:none}}body.dark-mode .bottom-nav-bar{background:var(--color-bg-secondary);border-top-color:var(--color-border)}@media (prefers-contrast:high){.bottom-nav-bar{border-top-width:2px}.bottom-nav-bar__item--active:before{height:4px}.bottom-nav-bar__item:focus-visible{outline-width:3px}}@media (max-width:360px){.bottom-nav-bar__label{font-size:11px}.bottom-nav-bar__icon{font-size:22px}}@media (max-height:500px) and (orientation:landscape){.bottom-nav-bar__item{flex-direction:row;gap:var(--spacing-xs);min-height:44px}.bottom-nav-bar__icon{font-size:20px}.bottom-nav-bar__label{font-size:13px}}@media print{.bottom-nav-bar{display:none}}.sidebar-nav{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);box-shadow:var(--shadow-md);display:flex;display:none;flex-direction:column;height:100vh;left:0;padding:var(--spacing-lg) 0;position:fixed;top:0;width:200px;z-index:var(--z-sticky)}@media (min-width:1024px){.sidebar-nav{display:flex}}.sidebar-nav__header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-lg)}.sidebar-nav__logo{color:var(--color-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0;text-align:center}.sidebar-nav__menu{flex:1 1;list-style:none;margin:0;padding:0}.sidebar-nav__item{margin:0}.sidebar-nav__button{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);min-height:var(--spacing-touch-min);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.sidebar-nav__button:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.sidebar-nav__button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.sidebar-nav__button--active{border-left:4px solid var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);padding-left:calc(var(--spacing-md) - 4px)}.sidebar-nav__button--active,.sidebar-nav__button--active:hover{background:var(--color-primary-light)}.sidebar-nav__icon{flex-shrink:0;font-size:20px;line-height:1}.sidebar-nav__label{flex:1 1}.sidebar-nav__footer{padding:var(--spacing-md)}.sidebar-nav__divider{background:var(--color-border);height:1px;margin-bottom:var(--spacing-md)}.sidebar-nav__connection-badge{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav__badge-label{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.sidebar-nav__badge-content{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-nav__badge-icon{font-size:16px;line-height:1}.sidebar-nav__badge-text{color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .sidebar-nav{background:var(--color-bg-secondary);border-right-color:var(--color-border)}body.dark-mode .sidebar-nav__header{border-bottom-color:var(--color-border)}body.dark-mode .sidebar-nav__button:hover{background:var(--color-bg-tertiary)}body.dark-mode .sidebar-nav__button--active{background:rgba(77,182,172,.15)}body.dark-mode .sidebar-nav__divider{background:var(--color-border)}body.dark-mode .sidebar-nav__badge-content{background:var(--color-bg-tertiary);border-color:var(--color-border)}@media (prefers-reduced-motion:reduce){.sidebar-nav__button{transition:none}}@media print{.sidebar-nav{display:none}}.privacy-onboarding-overlay{align-items:center;background:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.privacy-onboarding-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.4);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.privacy-onboarding-header{padding:2rem 2rem 1rem;text-align:center}.privacy-lock-icon{display:block;font-size:3rem;margin-bottom:.75rem}.privacy-onboarding-header h1{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:700;margin:0}.privacy-onboarding-content{padding:0 2rem}.privacy-headline{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;text-align:center}.privacy-headline strong{color:#22c55e}.privacy-section{border-radius:12px;margin-bottom:1.25rem;padding:1rem}.privacy-section.local-data{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.privacy-section.anon-stats{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.section-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.section-icon{font-size:1.25rem}.privacy-section h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0}.privacy-list{list-style:none;margin:0;padding-left:1.5rem}.privacy-list li{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.95rem;padding:.25rem 0;position:relative}.privacy-list li:before{color:#22c55e;content:"✓";font-weight:700;left:-1.25rem;position:absolute}.privacy-section.anon-stats .privacy-list li:before{color:#3b82f6}.privacy-note{color:var(--text-muted,#9ca3af);font-size:.8rem}.privacy-promise{background:rgba(34,197,94,.15);border-radius:8px;color:#166534;font-size:1rem;margin:1rem 0 0;padding:1rem;text-align:center}.privacy-promise strong{display:block}.privacy-onboarding-footer{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem 2rem}.privacy-button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.privacy-button.primary{background:#22c55e;color:#fff}.privacy-button.primary:hover{background:#16a34a;transform:translateY(-1px)}.privacy-button.secondary{background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.privacy-button.secondary:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.privacy-footer-note{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.8rem;margin:.5rem 0 0;text-align:center}@media (prefers-color-scheme:dark){.privacy-onboarding-modal{background:#1f2937}.privacy-onboarding-header h1{color:#f9fafb}.privacy-headline{color:#e5e7eb}.privacy-section h2{color:#f9fafb}.privacy-list li{color:#d1d5db}.privacy-note{color:#9ca3af}.privacy-promise{background:rgba(34,197,94,.2);color:#86efac}.privacy-button.secondary{border-color:#4b5563;color:#d1d5db}.privacy-button.secondary:hover{background:#374151}}@media (max-width:480px){.privacy-onboarding-modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:95vh}.privacy-onboarding-header{padding:1.5rem 1.5rem 1rem}.privacy-lock-icon{font-size:2.5rem}.privacy-onboarding-header h1{font-size:1.5rem}.privacy-onboarding-content{padding:0 1.5rem}.privacy-headline{font-size:1rem}.privacy-section{padding:.75rem}.privacy-onboarding-footer{padding:1.25rem 1.5rem 1.5rem}.privacy-button{padding:.875rem 1.25rem}}@media (pointer:coarse){.privacy-button{min-height:48px}}.privacy-indicator{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.6);background:var(--container-bg,rgba(0,0,0,.6));border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:20px;bottom:1rem;cursor:pointer;display:flex;gap:.5rem;left:1rem;padding:.5rem .75rem;position:fixed;transition:all .2s ease;z-index:100}.privacy-indicator:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.privacy-indicator:focus{box-shadow:0 0 0 3px rgba(59,130,246,.4);outline:none}.privacy-indicator.opted-in{border-color:rgba(34,197,94,.4)}.privacy-indicator.opted-in:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.6)}.privacy-indicator.opted-out{border-color:rgba(148,163,184,.3)}.privacy-indicator.opted-out:hover{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.5)}.privacy-indicator-icon{font-size:1rem;line-height:1}.privacy-indicator-label{animation:fadeIn .15s ease;color:#e2e8f0;color:var(--text-color,#e2e8f0);font-size:.75rem;font-weight:500;white-space:nowrap}body.light-mode .privacy-indicator{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1)}body.light-mode .privacy-indicator-label{color:#374151}body.light-mode .privacy-indicator.opted-in{border-color:rgba(34,197,94,.5)}body.light-mode .privacy-indicator.opted-in:hover{background:rgba(34,197,94,.1)}body.light-mode .privacy-indicator.opted-out:hover{background:rgba(148,163,184,.1)}@media (max-width:768px){.privacy-indicator{bottom:4.5rem;left:.75rem;padding:.4rem .6rem}.privacy-indicator-icon{font-size:.9rem}.privacy-indicator-label{font-size:.7rem}}@media (pointer:coarse){.privacy-indicator{justify-content:center;min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.privacy-indicator{transition:none}.privacy-indicator:hover{transform:none}.privacy-indicator-label{animation:none}}.feedback-widget-trigger{align-items:center;background:#4fc3f7;background:var(--accent-color,#4fc3f7);border:none;border-radius:24px;bottom:80px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;min-height:48px;padding:12px 16px;position:fixed;right:16px;transition:transform .2s,box-shadow .2s,background-color .2s;z-index:1000}.feedback-widget-trigger:hover{background:#3db8ec;background:var(--accent-hover,#3db8ec);box-shadow:0 6px 20px rgba(0,0,0,.4);transform:translateY(-2px)}.feedback-widget-trigger:active{transform:translateY(0)}.feedback-icon{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:20px;justify-content:center;width:20px}.feedback-label{display:inline}@media (max-width:480px){.feedback-widget-trigger{border-radius:50%;bottom:100px;height:48px;justify-content:center;padding:12px;width:48px}.feedback-label{display:none}.feedback-icon{background:none;font-size:1.1rem;height:24px;width:24px}}@media (min-width:768px){.feedback-widget-trigger{bottom:24px;right:24px}}.feedback-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{animation:slideUp .3s ease;background:#16213e;background:var(--card-bg,#16213e);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);max-height:90vh;max-width:420px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:1.75rem;height:44px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:color .2s,background .2s;width:44px}.feedback-close:hover{background:hsla(0,0%,100%,.1)}.feedback-close:hover,.feedback-modal h2{color:#e0e0e0;color:var(--text-color,#e0e0e0)}.feedback-modal h2{font-size:1.25rem;margin:0 0 .25rem}.feedback-subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;margin:0 0 1.25rem}.form-group{margin-bottom:1rem}.form-group label{color:#e0e0e0;color:var(--text-color,#e0e0e0);display:block;font-size:.9rem;font-weight:500;margin-bottom:.375rem}.form-group input,.form-group textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#e0e0e0;color:var(--text-color,#e0e0e0);font-size:1rem;min-height:48px;padding:.75rem;transition:border-color .2s,background .2s;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{background:hsla(0,0%,100%,.08);border-color:#4fc3f7;border-color:var(--accent-color,#4fc3f7);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--text-secondary,#9ca3af);opacity:.7}.feedback-submit{background:#4fc3f7;background:var(--accent-color,#4fc3f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;padding:.875rem 1.5rem;transition:background .2s,transform .1s;width:100%}.feedback-submit:hover:not(:disabled){background:#3db8ec;background:var(--accent-hover,#3db8ec)}.feedback-submit:active:not(:disabled){transform:scale(.98)}.feedback-submit:disabled{cursor:not-allowed;opacity:.7}.feedback-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.feedback-success{padding:2rem 1rem;text-align:center}.success-icon{display:block;font-size:3rem;margin-bottom:.75rem}.feedback-success p{color:#e0e0e0;color:var(--text-color,#e0e0e0);font-size:1.1rem;margin:0}.feedback-privacy{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;margin:.75rem 0 0;text-align:center}@media (prefers-color-scheme:light){.feedback-modal{background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.15)}.feedback-modal h2{color:#1f2937}.feedback-privacy,.feedback-subtitle{color:#6b7280}.form-group label{color:#374151}.form-group input,.form-group textarea{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.feedback-success p{color:#1f2937}}.beta-landing{background:#1a1a2e;background:var(--bg-color,#1a1a2e);color:#e0e0e0;color:var(--text-color,#e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem 1.5rem}.beta-header{margin-bottom:2.5rem;text-align:center}.beta-header h1{color:#4fc3f7;color:var(--accent-color,#4fc3f7);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.beta-tagline{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1.25rem;margin:0 auto;max-width:500px}.beta-hero{background:linear-gradient(135deg,rgba(79,195,247,.1),rgba(129,140,248,.1));border:1px solid rgba(79,195,247,.3);border-radius:12px;margin-bottom:2.5rem;padding:2rem;text-align:center}.hero-content h2{color:#e0e0e0;color:var(--text-color,#e0e0e0);font-size:1.5rem;margin-bottom:1rem}.hero-content p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.cta-primary{background:linear-gradient(135deg,#4fc3f7,#818cf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:48px;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.cta-primary:hover{box-shadow:0 4px 20px rgba(79,195,247,.4);transform:translateY(-2px)}.cta-primary.large{font-size:1.25rem;padding:1.25rem 3rem}section{margin-bottom:2.5rem}section h2{color:#e0e0e0;color:var(--text-color,#e0e0e0);font-size:1.4rem;margin-bottom:1rem}.value-list{list-style:none;margin:0;padding:0}.value-list li{align-items:flex-start;background:hsla(0,0%,100%,.03);border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.value-icon{flex-shrink:0;font-size:1.25rem}.value-list li div{display:flex;flex-direction:column}.value-list li strong{color:#e0e0e0;color:var(--text-color,#e0e0e0);font-size:1rem}.value-list li span{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;margin-top:.25rem}.ask-list{list-style:none;margin:0;padding:0}.ask-list li{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem;padding:.75rem 1rem .75rem 2rem;position:relative}.ask-list li:before{color:#4fc3f7;color:var(--accent-color,#4fc3f7);content:"•";left:.5rem;position:absolute}.privacy-box{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:1.5rem}.privacy-box p{color:#e0e0e0;color:var(--text-color,#e0e0e0);margin:0 0 1rem}.privacy-box ul{list-style:none;margin:0 0 1rem;padding:0}.privacy-box li{color:#9ca3af;color:var(--text-secondary,#9ca3af);padding:.5rem 0 .5rem 1.5rem;position:relative}.privacy-box li:before{color:#22c55e;content:"✓";left:0;position:absolute}.privacy-note{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;font-style:italic;margin-top:1rem}.perfect-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;margin:0;padding:0}.perfect-list li{background:hsla(0,0%,100%,.03);border-radius:8px;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:1rem;line-height:1.5;padding:1rem}.beta-cta-final{background:rgba(79,195,247,.05);border-radius:12px;padding:2rem;text-align:center}.beta-cta-final h2{margin-bottom:.5rem}.beta-cta-final p{margin-bottom:1.5rem}.beta-cta-final p,.beta-note{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.beta-note{font-size:.9rem;margin-top:1rem}.beta-footer{border-top:1px solid hsla(0,0%,100%,.1);margin-top:2rem;padding-top:2rem;text-align:center}.beta-footer p{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin:.5rem 0}.beta-footer a{color:#4fc3f7;color:var(--accent-color,#4fc3f7);text-decoration:none}.beta-footer a:hover{text-decoration:underline}.footer-links{margin-top:1rem}@media (max-width:600px){.beta-landing{padding:1.5rem 1rem}.beta-header h1{font-size:2rem}.beta-tagline{font-size:1.1rem}.hero-content h2{font-size:1.25rem}section h2{font-size:1.2rem}.cta-primary.large{font-size:1.1rem;padding:1rem 2rem;width:100%}.value-list li{flex-direction:column;gap:.5rem}.perfect-list{grid-template-columns:1fr}}@media (prefers-color-scheme:light){.beta-landing{background:#fff;color:#1f2937}.beta-header h1{color:#0ea5e9}.ask-list li,.beta-cta-final p,.beta-footer p,.beta-note,.beta-tagline,.hero-content p,.perfect-list li,.privacy-box li,.privacy-note,.value-list li span{color:#6b7280}.hero-content h2,.privacy-box p,.value-list li strong,section h2{color:#1f2937}.beta-hero{background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(99,102,241,.1));border-color:rgba(14,165,233,.3)}.perfect-list li,.value-list li{background:rgba(0,0,0,.03)}.beta-cta-final{background:rgba(14,165,233,.05)}.beta-footer{border-color:rgba(0,0,0,.1)}}
/*# sourceMappingURL=main.c92294de.css.map*/