:root{--bg: #08090a;--surface: #0c0d0f;--surface-hover: #121316;--border: #1c1d20;--border-soft: #161719;--text: #e6e7e9;--text-muted: #8a8f98;--accent: #5e6ad2;--accent-hover: #6b74c9;--warn-soft: #caa86a;--status-todo: #5b5e66;--status-progress: #f2c94c;--status-done: #5e6ad2;--energy-low: #4a9e7f;--energy-med: #caa86a;--energy-high: #c4736a;--radius: 8px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}a{color:inherit;text-decoration:none}.app-shell{display:flex;height:100vh}.app-sidebar{width:240px;flex:none;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow-y:auto;padding:20px 28px}.app-topbar{display:none}.app-hamburger{background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.app-backdrop{display:none}@media (max-width: 720px){.app-topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:50}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 40px #00000080}.app-sidebar.open{transform:translate(0)}.app-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.app-main{padding:16px}}