@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.shared-alert{background:var(--shared-alert-background);border:1px solid var(--shared-alert-border);color:var(--shared-alert-text);border-radius:1rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5rem;display:flex}.shared-alert--info{--shared-alert-background:var(--color-info-light,#dbeafe);--shared-alert-border:#bae6fd;--shared-alert-icon:var(--color-info-dark,#2563eb);--shared-alert-text:#075985}.shared-alert--success{--shared-alert-background:var(--color-success-light,#d1fae5);--shared-alert-border:#a7f3d0;--shared-alert-icon:var(--color-success-dark,#059669);--shared-alert-text:#065f46}.shared-alert--warning{--shared-alert-background:var(--color-warning-light,#fef3c7);--shared-alert-border:#fde68a;--shared-alert-icon:var(--color-warning-dark,#d97706);--shared-alert-text:#92400e}.shared-alert--error{--shared-alert-background:var(--color-error-light,#fee2e2);--shared-alert-border:#fecaca;--shared-alert-icon:var(--color-error-dark,#dc2626);--shared-alert-text:#991b1b}.shared-alert__icon{color:var(--shared-alert-icon);flex:none;width:1.25rem;height:1.25rem;margin-top:.125rem}.shared-alert__content{overflow-wrap:anywhere;flex:auto;min-width:0}.shared-alert__title{margin:0;font-weight:600}.shared-alert__dismiss{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:9999px;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:-.5rem -.5rem -.5rem 0;padding:0;display:inline-flex}.shared-alert__dismiss:hover{opacity:1;background:#fff9}.shared-alert__dismiss:focus-visible{outline-offset:2px;outline:2px solid}.shared-alert__dismiss-icon{width:1.25rem;height:1.25rem}.shared-feedback-toast-region{bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:none;max-width:min(28rem,100vw - 2rem);right:max(1rem, env(safe-area-inset-right));z-index:1600;flex-direction:column-reverse;gap:.75rem;width:max-content;display:flex;position:fixed}.shared-feedback-toast__item{pointer-events:auto;width:min(28rem,100vw - 2rem)}.shared-feedback-toast__alert{margin-bottom:0;box-shadow:0 20px 54px #0f172a3d}.shared-feedback-toast__message-title{font-weight:600}.shared-feedback-toast__message-description{margin-top:.125rem}@media (width<=520px){.shared-feedback-toast-region{left:max(1rem, env(safe-area-inset-left));max-width:none;right:max(1rem, env(safe-area-inset-right));width:auto}.shared-feedback-toast__item{width:100%}}:root{--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--transition-slower:.5s ease-out;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--hover-card-translate:translateY(-4px);--hover-card-shadow:var(--shadow-xl);--hover-btn-translate:translateY(-2px);--hover-btn-shadow:var(--shadow-lg);--hover-scale:scale(1.05);--hover-scale-subtle:scale(1.02);--btn-padding-x:var(--spacing-4);--btn-padding-y:var(--spacing-2);--btn-border-radius:var(--radius-lg);--btn-font-weight:var(--font-weight-semibold);--btn-transition:all var(--transition-base);--card-padding:var(--spacing-6);--card-border-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-shadow-hover:var(--shadow-xl);--card-border-color:var(--color-gray-200);--input-padding-x:var(--spacing-3);--input-padding-y:var(--spacing-2);--input-border-radius:var(--radius-md);--input-border-color:var(--color-gray-300);--input-focus-ring:0 0 0 3px var(--color-primary-light);--badge-padding-x:var(--spacing-2);--badge-padding-y:var(--spacing-1);--badge-border-radius:var(--radius-full);--badge-font-size:var(--font-size-xs);--spinner-size:20px;--spinner-border-width:3px;--spinner-bg-color:var(--color-gray-200);--spinner-active-color:var(--color-primary);--spinner-animation-duration:1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(1.28)}to{opacity:1;transform:scale(1)}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-slow) ease-in forwards}.hover-card{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-card:hover{transform:var(--hover-card-translate);box-shadow:var(--hover-card-shadow)}.hover-btn{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-btn:hover{transform:var(--hover-btn-translate);box-shadow:var(--hover-btn-shadow)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:var(--hover-scale)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hover-card:hover,.hover-btn:hover,.hover-scale:hover{transform:none!important}}:root{--font-family-base:"Space Grotesk", system-ui, sans-serif;--font-family-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:var(--brand-page-background);--bg-surface:color-mix(in srgb, var(--brand-raised-background) 90%, transparent);--bg-surface-elevated:#0b222ff2;--border-muted:#83b6c547;--border-strong:color-mix(in srgb, var(--color-accent) 52%, transparent);--text-primary:var(--brand-text-color);--text-secondary:#b7d1da;--text-subtle:#8caeb9;--accent:var(--color-accent);--accent-strong:var(--color-accent-dark);--accent-warm:#ffb56f;--danger:#ff9a94;--danger-surface:#80292770;--success:#53e8a2;--warn:#ffc774;--content-max:1220px;--dashboard-max:1400px;--touch-target-size:44px;--panel-padding:var(--spacing-6);--panel-gap:var(--spacing-4)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:linear-gradient(160deg,#030d14 0%,#0a1e2c 52%,#0f2c3b 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{width:100%;min-height:var(--touch-target-size);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--text-primary);background:#05131cb8;border:1px solid #87b1bf66;padding:.65rem .75rem}input:focus,select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 20%, transparent);outline:none}.top-nav,.marketing-shell,.auth-shell,.app-shell{width:min(var(--content-max), calc(100vw - 1.5rem));margin:.75rem auto 1.75rem}.app-shell{width:min(var(--dashboard-max), calc(100vw - 1.5rem))}.top-nav{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061620d1;border:1px solid #7aaaba40;display:flex}.brand-link{align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-bold);letter-spacing:.02em;display:inline-flex}.brand-mark{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent), var(--color-primary));color:#03252e;width:2.1rem;height:2.1rem;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.brand-logo{border-radius:.85rem;width:2.4rem;height:2.4rem;box-shadow:0 12px 30px #1f4bd838}.top-nav-actions{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.top-nav-legal-links{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.legal-shell{width:min(var(--content-max), calc(100vw - 1.5rem));gap:var(--spacing-3);margin:.75rem auto 1.75rem;display:grid}.legal-panel{gap:var(--spacing-4);display:grid}.legal-panel h1{margin:0}.legal-panel h2{margin:.5rem 0 0}.legal-panel ul{margin:0;padding-left:1.2rem}.legal-links{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.legal-links .nav-link{padding:0}.legal-links a,.legal-consent-link{color:var(--accent);text-underline-offset:.2rem}.legal-subtle{color:var(--text-subtle)}.legal-emphasis{color:var(--accent);font-weight:var(--font-weight-semibold)}.legal-consent{z-index:1200;border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:var(--radius-2xl);background:var(--bg-surface-elevated);width:min(1120px,100vw - 1.5rem);padding:var(--spacing-3);gap:var(--spacing-2);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%)}.legal-consent input[type=checkbox]{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:var(--radius-sm);width:1rem;height:1rem;min-height:auto;accent-color:var(--accent);background:#05131ce6}.legal-consent input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.legal-consent-title{font-weight:var(--font-weight-semibold);align-items:center;gap:.4rem;margin:0;display:flex}.legal-consent-title:before{content:"";background:var(--accent);border-radius:50%;width:.45rem;height:.45rem}.legal-consent-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.legal-consent-form{gap:var(--spacing-2);margin:0;display:grid}.legal-consent-options{gap:var(--spacing-1);display:grid}.legal-consent-row{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm);min-height:2.2rem;padding:.1rem 0;display:flex}.legal-consent-actions{gap:var(--spacing-2);margin-top:var(--spacing-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.legal-consent-button{justify-self:stretch;min-height:36px}.legal-consent .button-tertiary{color:var(--text-secondary);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent);background:0 0}.legal-consent .button-tertiary:hover{color:var(--text-primary);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.legal-consent-help{color:var(--text-subtle);font-size:var(--font-size-sm);margin:0}.nav-link,.button-tertiary{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid #0000;padding:.5rem .7rem}.nav-link:hover,.button-tertiary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.nav-cta{margin-top:0}.account-chip{border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#071b26b8;border:1px solid #83b4c24d;padding:.5rem .7rem}.top-nav-button{margin-top:0}.panel{gap:var(--panel-gap);border:1px solid var(--border-muted);border-radius:var(--radius-2xl);background:var(--bg-surface);box-shadow:var(--shadow-md);padding:var(--panel-padding);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);display:grid}@media (hover:hover){.panel:hover{transform:var(--hover-card-translate);box-shadow:var(--hover-card-shadow);border-color:color-mix(in srgb, var(--color-accent) 45%, transparent)}}.eyebrow{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.13em;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.hero{border-color:color-mix(in srgb, var(--color-accent) 34%, transparent);justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);background:linear-gradient(135deg,#0a2938f0,#061722eb);display:flex;position:relative;overflow:hidden}.hero h1,.landing-hero h1,.auth-card h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.hero-copy,.panel-subtitle,.feature-card p,.conversion-panel p,.auth-switch{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.hero-note{z-index:1;border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;background:#0a2632cc;align-self:flex-start;padding:.5rem .85rem}.button-primary,.button-secondary,.button-tertiary{min-height:var(--touch-target-size);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;display:inline-flex}.button-primary{color:#04222b;background:linear-gradient(135deg, var(--accent), var(--color-primary))}.button-primary:hover{transform:var(--hover-btn-translate);box-shadow:var(--hover-btn-shadow)}.button-secondary{color:var(--text-primary);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.button-secondary:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent);transform:var(--hover-btn-translate)}.button-secondary:disabled,.button-primary:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.hero-cta-stack{justify-items:start;gap:var(--spacing-2);display:grid}.cta-primary{min-width:min(100%,320px)}.trust-row{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.trust-row.compact{gap:var(--spacing-2)}.trust-badge{border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);background:#0a2934bd;border:1px solid #46d6b966;align-items:center;gap:.45rem;padding:.5rem .75rem;display:inline-flex}.trust-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.landing-layout{gap:var(--spacing-4);display:grid}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:min(680px,100vh - 7.5rem);padding:clamp(2rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,3rem);display:grid}.landing-hero-copy{gap:var(--spacing-4);display:grid}.terminal-preview{border:1px solid color-mix(in srgb, var(--color-accent) 34%, transparent);border-radius:var(--radius-xl);padding:var(--spacing-4);gap:var(--spacing-3);background:#04121be0;min-width:0;display:grid;box-shadow:0 24px 60px #00000052}.terminal-preview-head,.terminal-preview-row{align-items:center;gap:var(--spacing-2);font-family:var(--font-family-mono);grid-template-columns:1fr auto;display:grid}.terminal-preview-head span,.terminal-preview-row span{color:var(--text-secondary)}.terminal-preview-head strong{color:var(--success);font-size:var(--font-size-sm)}.terminal-preview-chart{border-radius:var(--radius-lg);background:linear-gradient(#061e2beb,#040f18f0);border:1px solid #80adbc47;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.55rem;height:210px;padding:1rem;display:grid}.terminal-preview-chart span{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--color-accent) 20%, transparent));display:block}.terminal-preview-chart span:first-child{height:42%}.terminal-preview-chart span:nth-child(2){height:62%}.terminal-preview-chart span:nth-child(3){height:54%}.terminal-preview-chart span:nth-child(4){height:78%}.terminal-preview-chart span:nth-child(5){height:68%}.terminal-preview-chart span:nth-child(6){height:88%}.terminal-preview-table{gap:var(--spacing-2);display:grid}.terminal-preview-row{border-radius:var(--radius-md);background:#071923b8;border:1px solid #80adbc3d;grid-template-columns:minmax(0,1fr) auto auto;padding:.65rem .75rem}.terminal-preview-row strong{color:var(--text-primary)}.terminal-preview-row em{color:var(--accent);font-style:normal;font-size:var(--font-size-sm)}.feature-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card h2{margin:0;font-size:1.2rem}.conversion-panel{align-items:start}.conversion-panel h2{margin:0;font-size:1.45rem}.step-list{color:var(--text-secondary);gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.step-list li{font-size:var(--font-size-base)}.auth-main{place-items:center;min-height:calc(100vh - 6.5rem);display:grid}.auth-showcase{gap:var(--spacing-3);width:min(560px,100%);display:grid}.auth-card{background:var(--bg-surface-elevated);border-color:#82b0be66;width:100%}.auth-form,.control-auth,.control-authenticated{gap:var(--spacing-3);display:grid}.panel label{font-size:var(--font-size-sm);color:var(--text-secondary);gap:.45rem;display:grid}.auth-submit{width:100%}.auth-switch{font-size:var(--font-size-sm);margin-top:0}.auth-switch a{color:var(--accent)}.auth-switch a:hover{color:var(--text-primary)}.auth-benefits-card{border:1px solid color-mix(in srgb, var(--color-accent) 34%, transparent);border-radius:var(--radius-xl);background:#061e29a8;padding:.95rem 1rem}.auth-benefits-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem}.auth-benefits-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.auth-benefits-item{color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;gap:.5rem;display:inline-flex}.auth-benefits-item:before{content:"✓";color:var(--success);font-weight:var(--font-weight-semibold)}.advanced-settings{border-radius:var(--radius-lg);background:#06161f8f;border:1px solid #84afbe52;padding:.6rem .7rem}.advanced-settings summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings[open] summary{margin-bottom:.6rem}.helper-copy{color:var(--text-subtle);margin:.35rem 0 0;font-size:.78rem}.captcha-block{border-radius:var(--radius-lg);gap:var(--spacing-2);background:#06161f8f;border:1px solid #84afbe52;padding:.75rem;display:grid}.captcha-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.captcha-image{border-radius:var(--radius-md);background:#fff;border:1px solid #83b4c24d;width:100%;max-width:220px}.captcha-refresh{justify-self:start}.layout{gap:var(--spacing-4);grid-template-columns:minmax(320px,360px) minmax(0,1fr);display:grid}.sidebar,.content{align-content:start;gap:var(--spacing-4);display:grid}.connection-status{color:var(--text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin:0}.inline-error,.inline-status,.alert-error{border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;padding:.6rem .75rem}.inline-error,.alert-error{color:#ffd7d4;background:var(--danger-surface);border:1px solid #ff9a9499}.field-error{color:#ffb4ae;font-family:var(--font-family-mono);margin-top:.25rem;font-size:.78rem;line-height:1.35;display:block}.inline-status{color:#d9fff5;background:#165b4e59;border:1px solid #4ee0ba80}.panel-headline{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:0;display:flex}.panel-headline h2,.kline-panel h2,.stream-panel h2,.connection-panel h2,.control-panel h2{margin:0;font-size:1.12rem}.panel-headline span{color:var(--text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.mode-switch{gap:var(--spacing-2);grid-template-columns:1fr 1fr;display:grid}.mode-button{min-height:var(--touch-target-size);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);background:#0717218f;border:1px solid #81a6b473}.mode-button.active{border-color:color-mix(in srgb, var(--color-accent) 76%, transparent);background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--text-primary)}.account-summary,.issued-key,.key-item,.admin-overview,.admin-account-item{border-radius:var(--radius-lg);background:#06161f94;border:1px solid #81a7b557;gap:.45rem;padding:.65rem;display:grid}.admin-overview-headline{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.admin-overview-headline strong{font-size:var(--font-size-base)}.summary-line,.key-item p{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-mono);margin:0}.issued-key code{color:#dbfff8;font-size:var(--font-size-sm);word-break:break-all}.key-list,.admin-account-list,.pair-list{gap:var(--spacing-2);max-height:320px;padding-right:.25rem;display:grid;overflow:auto}.key-headline{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.key-headline strong{font-size:var(--font-size-base)}.key-headline span{color:var(--text-subtle);font-size:var(--font-size-sm)}.pair-item{width:100%;min-height:var(--touch-target-size);text-align:left;border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:#06161fa3;border:1px solid #81a7b557;padding:.55rem .65rem}.pair-item.active,.pair-item:hover{border-color:color-mix(in srgb, var(--color-accent) 72%, transparent);background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.empty-copy{color:var(--text-subtle);font-size:var(--font-size-sm);margin:0}.metrics-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric-card{border-radius:var(--radius-xl);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background:#071923bf;border:1px solid #81acba52;padding:.85rem}.metric-card:hover{transform:var(--hover-card-translate);box-shadow:var(--hover-card-shadow)}.metric-card header{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.metric-label{color:var(--text-subtle);font-size:var(--font-size-sm)}.metric-value{font-family:var(--font-family-mono);margin-top:.4rem;font-size:clamp(1.12rem,1.7vw,1.4rem)}.metric-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin:.3rem 0 0}.metric-good{border-color:#53e8a299}.metric-warn{border-color:#ffc7749e}.toolbar{align-items:end;gap:var(--spacing-2);display:flex}.toolbar label{margin:0}.chart-wrap{border-radius:var(--radius-xl);background:#05141ec2;border:1px solid #80adbc4d;overflow:hidden}.chart-wrap svg{width:100%;display:block}.stream-line{fill:none;stroke:var(--accent);stroke-width:2.6px}.stream-dot{fill:var(--accent-warm);animation:1.3s ease-in-out infinite pulse}.chart-footer{justify-content:space-between;gap:var(--spacing-2);color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);border-top:1px solid #7faab94d;padding:.6rem .75rem;display:flex}.chart-empty{min-height:220px;color:var(--text-secondary);font-family:var(--font-family-mono);text-align:center;place-items:center;padding:1rem;display:grid}.table-wrap{border-radius:var(--radius-xl);border:1px solid #80adbc4d;overflow:auto}table{border-collapse:collapse;width:100%}thead{background:#06151eed}th,td{text-align:left;font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:normal;border-bottom:1px solid #7ea7b633;padding:.56rem .62rem}td{color:var(--text-secondary);font-family:var(--font-family-mono)}.mobile-only{display:none}.kline-mobile-list{gap:var(--spacing-2);display:grid}.kline-mobile-card{border-radius:var(--radius-lg);background:#071822a8;border:1px solid #80a7b64d;gap:.5rem;padding:.65rem;display:grid}.kline-mobile-time{font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-family-mono);margin:0}.kline-mobile-grid{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);gap:.35rem;display:grid}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-border-width) solid var(--spinner-bg-color);border-top-color:var(--spinner-active-color);animation:spin var(--spinner-animation-duration) linear infinite;border-radius:50%}.spinner-inline{--spinner-size:16px;--spinner-border-width:2px}@media (width<=1100px){.landing-hero{grid-template-columns:1fr;min-height:auto}.feature-grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.top-nav{flex-direction:column;align-items:stretch}.top-nav-actions{justify-content:space-between}.hero,.landing-hero{gap:var(--spacing-3)}.feature-grid,.sidebar{grid-template-columns:1fr}}@media (width<=760px){.top-nav,.marketing-shell,.auth-shell,.app-shell{width:calc(100vw - 1rem);margin:.5rem auto 1.25rem}.hero,.landing-hero{padding:var(--spacing-4)}.landing-hero{padding-left:0;padding-right:0}.hero{flex-direction:column}.hero-note{white-space:normal}.hero-cta-stack,.cta-primary,.button-primary,.button-secondary{width:100%}.button-tertiary{text-align:center;width:100%}.metrics-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;justify-content:space-between;width:100%}.chart-footer{flex-direction:column}.desktop-only{display:none}.mobile-only{display:block}}@media (width>=960px){.legal-consent{align-items:center;gap:var(--spacing-4);grid-template-columns:minmax(0,1fr) auto}.legal-consent-copy{gap:var(--spacing-1);display:grid}.legal-consent-form{gap:var(--spacing-2);grid-template-columns:1fr;align-items:center;min-width:min(520px,44vw);display:grid}.legal-consent-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.legal-consent-help{grid-column:1/-1}}@media (width<=390px){.panel{padding:var(--spacing-4)}.brand-link{font-size:var(--font-size-sm)}.account-chip{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.panel:hover,.metric-card:hover,.button-primary:hover,.button-secondary:hover{transform:none}}