:root{--yellow: #F5C400;--orange: #FF7A00;--green: #4ADE80;--red: #EF4444;--blue: #3B82F6;--bg: #0D0D0D;--bg-panel: #1A1A1A;--bg-surface: #242424;--bg-elevated: #2E2E2E;--border: #333333;--text: #F0EDE0;--text-muted: #8A8070;--text-dim: #555050;--font-display: "Barlow Condensed", sans-serif;--font-ui: "Barlow Semi Condensed", sans-serif;--radius: 8px;--radius-lg: 12px;--nav-h: 68px;--side-nav-w: 88px;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-theme=light]{--bg: #EDEAE0;--bg-panel: #E2DDD0;--bg-surface: #F5F2EA;--bg-elevated: #FFFFFF;--border: #C8C4B8;--text: #1A1510;--text-muted: #6B6055;--text-dim: #9A9088}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);font-size:16px;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@keyframes pulse-alarm{0%,to{opacity:1}50%{opacity:.3}}@keyframes heartbeat{0%,to{box-shadow:0 0 #f5c40066}50%{box-shadow:0 0 0 6px #f5c40000}}@keyframes spin{to{transform:rotate(360deg)}}