:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-surface-raised: #f1f5f9;--bg-surface-active: #e2e8f0;--bg-translucent: rgba(255, 255, 255, .85);--accent-primary: #059669;--accent-hover: #047857;--accent-light: #10b981;--accent-glow: rgba(5, 150, 105, .08);--accent-text: #065f46;--accent-contrast: #ffffff;--danger-primary: #dc2626;--danger-glow: rgba(220, 38, 38, .08);--danger-text: #991b1b;--warning-primary: #d97706;--warning-glow: rgba(217, 119, 6, .08);--warning-text: #92400e;--info-primary: #2563eb;--info-glow: rgba(37, 99, 235, .08);--info-text: #1e40af;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--spring-ease: cubic-bezier(.16, 1, .3, 1);--spring-duration: .28s;--safe-bottom: env(safe-area-inset-bottom, 16px);--safe-top: env(safe-area-inset-top, 0px)}[data-theme=dark]{--bg-base: #09090b;--bg-surface: #121215;--bg-surface-raised: #18181c;--bg-surface-active: #222227;--bg-translucent: rgba(18, 18, 21, .85);--accent-primary: #10b981;--accent-hover: #059669;--accent-light: #34d399;--accent-glow: rgba(16, 185, 129, .12);--accent-text: #6ee7b7;--accent-contrast: #042f24;--danger-primary: #ef4444;--danger-glow: rgba(239, 68, 68, .12);--danger-text: #fca5a5;--warning-primary: #f59e0b;--warning-glow: rgba(245, 158, 11, .12);--warning-text: #fcd34d;--info-primary: #3b82f6;--info-glow: rgba(59, 130, 246, .12);--info-text: #93c5fd;--border-subtle: #222226;--border-medium: #2e2e34;--border-focus: #3f3f46;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:999px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}::-webkit-scrollbar-corner{background:transparent}[data-theme=dark] *{scrollbar-color:#334155 transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#334155}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#475569}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100%}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active:not(:disabled),.touch-target:active{transform:scale(.98);transition:transform 80ms ease-out}input,select,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}.display-metric{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.heading-1{font-size:clamp(1.05rem,2vw,1.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}.heading-2{font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.mono-tabular{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.product-name{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.text-nowrap{white-space:nowrap}.text-code{white-space:nowrap;font-family:var(--font-mono);font-size:.72rem}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-card{padding:12px 14px}.hd-row{padding:8px 14px}.hd-section-gap{gap:12px}.min-touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px;border-radius:4px}