.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;width:100%;max-width:var(--content-max-width);margin:0 auto;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--tab-bar-height);padding:.25rem;color:var(--color-text-muted);font-size:.75rem;font-weight:500;text-decoration:none}.tab.is-active{color:var(--color-accent);font-weight:600}.update-prompt{position:fixed;left:0;right:0;bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + .5rem);z-index:20;display:flex;align-items:center;gap:.5rem;width:calc(100% - 1.5rem);max-width:var(--content-max-width);margin:0 auto;padding:.625rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 16px #0006;color:var(--color-text);font-size:.875rem}.update-prompt__text{flex:1}.update-prompt__refresh{min-height:44px;padding:.375rem .75rem;border:none;border-radius:.375rem;background:var(--color-accent);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer}.update-prompt__dismiss{min-height:44px;min-width:44px;padding:0 .5rem;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-muted);font-size:1rem;line-height:1;cursor:pointer}:root{--color-bg: #0e1116;--color-surface: #171b22;--color-border: #262c36;--color-text: #e6e9ef;--color-text-muted: #9aa4b2;--color-accent: #4f9cff;--color-status-red: #ff5a5a;--tab-bar-height: 56px;--content-max-width: 480px}:root{--chart-surface: #1a1a19;--chart-plane: #0d0d0d;--chart-ink: #ffffff;--chart-ink-secondary: #c3c2b7;--chart-ink-muted: #898781;--chart-gridline: #2c2c2a;--chart-baseline: #383835;--chart-border: rgba(255, 255, 255, .1);--chart-status-good: #0ca30c;--chart-status-warning: #fab219;--chart-status-serious: #ec835a;--chart-status-critical: #d03b3b;--chart-segment-gap: 2px;--chart-bar-radius: 4px;--chart-bar-max-thickness: 24px;--chart-line-width: 2px;--chart-marker-size: 8px;--chart-mark-ring: 2px;--chart-gridline-width: 1px;--chart-area-fill-opacity: .1;--chart-tooltip-surface: #23262d;--chart-tooltip-border: rgba(255, 255, 255, .12);--chart-tooltip-text: #ffffff;--chart-tooltip-radius: 8px;--chart-tooltip-padding: 8px 10px}.chart-surface{background:var(--chart-surface);border:var(--chart-gridline-width) solid var(--chart-border);border-radius:12px;color:var(--chart-ink)}.chart-segment{stroke:var(--chart-surface);stroke-width:var(--chart-segment-gap)}.chart-bar{rx:var(--chart-bar-radius);ry:var(--chart-bar-radius)}.chart-marker{stroke:var(--chart-surface);stroke-width:var(--chart-mark-ring)}.chart-tooltip{background:var(--chart-tooltip-surface);border:var(--chart-gridline-width) solid var(--chart-tooltip-border);border-radius:var(--chart-tooltip-radius);padding:var(--chart-tooltip-padding);color:var(--chart-tooltip-text);font-size:13px;line-height:1.4;pointer-events:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0 0 .5rem}a{color:var(--color-accent);text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100%;max-width:var(--content-max-width);margin:0 auto;background:var(--color-bg)}.app-content{flex:1;padding:1rem 1rem calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + 1rem)}.app-splash{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{min-height:44px}