:root,:root[data-theme=dark]{--color-orange: #f97316;--color-orange-bright: #fb923c;--color-orange-deep: #c2410c;--color-blue: #0a84ff;--color-blue-deep: #0057d9;--color-blue-soft: rgba(10, 132, 255, .18);--color-navy: #080f1a;--color-navy-elevated: #111927;--color-navy-line: #1f2937;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-on-orange: #0b1424;--color-bg: var(--color-navy);--color-surface: var(--color-navy-elevated);--color-border: var(--color-navy-line);--color-accent: var(--color-orange);--color-error: #ef4444;--color-success: #22c55e;--color-diagram-bg: #0b1424;--color-diagram-pipe: #edf7ff;--color-diagram-ghost: #64748b;--color-diagram-pipe-shadow: rgba(2, 6, 23, .65);--color-diagram-shadow: #020617;--color-measure: #2dd4bf;--color-feature-card-bg: linear-gradient(180deg, #132033 0%, #101827 100%);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 24px rgba(0, 0, 0, .4);--hit-target-min: 44px}:root[data-theme=light]{--color-orange: #f97316;--color-orange-bright: #ea580c;--color-orange-deep: #c2410c;--color-blue: #007aff;--color-blue-deep: #0057d9;--color-blue-soft: rgba(0, 122, 255, .12);--color-navy: #f4f7fb;--color-navy-elevated: #ffffff;--color-navy-line: #d8e0ee;--color-text-primary: #111827;--color-text-secondary: #475569;--color-text-muted: #718096;--color-text-on-orange: #111827;--color-bg: var(--color-navy);--color-surface: var(--color-navy-elevated);--color-border: var(--color-navy-line);--color-accent: var(--color-orange);--color-error: #dc2626;--color-success: #15803d;--color-diagram-bg: #eaf1fb;--color-diagram-pipe: #0f172a;--color-diagram-ghost: #94a3b8;--color-diagram-pipe-shadow: rgba(148, 163, 184, .55);--color-diagram-shadow: #94a3b8;--color-measure: #0891b2;--color-feature-card-bg: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);--shadow-card: 0 1px 2px rgba(15, 23, 42, .08), 0 8px 20px rgba(15, 23, 42, .08);--shadow-elevated: 0 10px 30px rgba(15, 23, 42, .18)}:root[data-theme=dark][data-contrast=high]{--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-diagram-ghost: #94a3b8}:root[data-theme=dark][data-contrast=normal]{--color-text-secondary: #8a98ad;--color-text-muted: #59677c;--color-border: #1f2937;--color-diagram-ghost: #64748b}:root[data-theme=light][data-contrast=high]{--color-text-primary: #020617;--color-text-secondary: #334155;--color-text-muted: #475569;--color-border: #cbd5e1;--color-diagram-ghost: #64748b}:root[data-theme=light][data-contrast=normal]{--color-text-primary: #111827;--color-text-secondary: #64748b;--color-text-muted: #718096;--color-border: #d8e0ee;--color-diagram-ghost: #94a3b8}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100dvh}html{background:var(--color-bg);color:var(--color-text-primary);color-scheme:dark light;font-family:var(--font-ui);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);line-height:1.5;min-height:100dvh;overscroll-behavior-y:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}h1,h2,h3{font-weight:700;letter-spacing:-.02em;margin:0}button{font-family:inherit;cursor:pointer;min-height:var(--hit-target-min);min-width:var(--hit-target-min);border:none;background:none;color:inherit;font-size:var(--text-base)}input,select{font-family:inherit;font-size:var(--text-base);min-height:var(--hit-target-min)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}a{color:var(--color-accent);text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:1024px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.app-header-title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em}.app-header-title .accent{color:var(--color-accent)}.app-main{flex:1;padding:var(--space-5)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-radius:var(--radius-md)}.back-link:hover{background:var(--color-surface);color:var(--color-text-primary)}