*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f5f7;--bg-dark: #ffffff;--bg-card: #ffffff;--surface: #ffffff;--surface-alt: #fafbfc;--surface-hover: #f1f2f5;--border: #e9ecf1;--border-light: #e2e5ea;--text: #14161c;--text-muted: #5b6470;--text-dim: #98a1ac;--text-primary:#14161c;--accent: #4f46e5;--accent-hover: #4338ca;--accent-dim: rgba(79, 70, 229, .12);--on-accent: #ffffff;--green: #16a34a;--green-dim: rgba(22, 163, 74, .12);--red: #dc2626;--red-dim: rgba(220, 38, 38, .1);--blue: #2563eb;--blue-dim: rgba(37, 99, 235, .1);--yellow: #d97706;--yellow-dim: rgba(217, 119, 6, .12);--purple: #7c5cff;--purple-dim: rgba(124, 92, 255, .12);--on-green: #ffffff;--on-yellow: #14161c;--on-red: #ffffff;--on-blue: #ffffff;--on-purple: #ffffff;--font-data: "Space Grotesk", sans-serif;--font-heading: "Space Grotesk", sans-serif}body{font-family:var(--font-data);font-size:13px;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.focus-ring:focus:not(:focus-visible){outline:none}.clock-btn{min-height:28px}@media(max-width:640px){.clock-btn{min-height:44px;padding:8px 12px}}@media(max-width:640px){.line-row-mobile{flex-wrap:wrap;row-gap:4px}}@media(max-width:768px){.wo-panel-layout{flex-direction:column!important;min-height:0}.wo-resize-handle{display:none!important}}.wo-info-grid{display:grid;grid-template-columns:1fr 1fr auto 1fr 1.2fr;gap:12px}@media(max-width:768px){.wo-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.wo-info-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d3d7de;border-radius:3px}