:root{--bg:#0a0c11;--sidebar:#0e1117;--bg2:#12151d;--surface:#12151d;--hover:#171b26;--menu:#1a2032;--menu-hover:#232940;--border:#242836;--border-b:#2b3349;--sidebar-border:#222633;--text:#eceef3;--text-bright:#eceef3;--text-dim:#8f96a9;--text-soft:#c3c8d6;--icon:#a3abbf;--nav-text:#a1a8bb;--red-strong:#d6282e;--red-strong-hover:#e63b41;--red:#ff6368;--red-dim:#8a2b30;--red-faint:#ff63680f;--red-glow:#ff636821;--status-progress:#6f9bff;--status-pause:#e0ad4a;--status-idea:#7a8499;--status-done:#4fae7a;--warn:#f0a63a;--tag-bg:#1b2030;--tag-text:#9aa3b8;--sans:"Schibsted Grotesk", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--title:var(--sans);--fs-page:30px;--fs-section:16px;--fs-body:15px;--fs-meta:13px;--radius:10px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-b);border-radius:4px}button{cursor:pointer;color:inherit;font-family:inherit}input,textarea,select{font-family:inherit}.ui-focus:focus-visible,.ui-btn:focus-visible,.ui-nav:focus-visible,.ui-menu-item:focus-visible,.ui-group-toggle:focus-visible,.ui-icon-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.ui-btn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ui-btn:disabled{opacity:.5;cursor:default}.ui-btn--lg{border-radius:var(--radius-lg);height:44px}.ui-btn--primary{background:var(--red-strong);color:#fff;border:0;font-weight:600}.ui-btn--primary:hover:not(:disabled){background:var(--red-strong-hover)}.ui-btn--secondary{border:1px solid var(--border-b);color:var(--text);background:0 0}.ui-btn--secondary:hover:not(:disabled){background:var(--hover)}.ui-btn--secondary.is-active{border-color:var(--red);color:var(--red);background:var(--red-glow)}.ui-btn--square{width:40px;padding:0}.ui-btn--lg.ui-btn--square{width:44px}.ui-icon-btn{width:36px;height:36px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.ui-icon-btn:hover:not(:disabled){background:var(--hover)}.ui-icon-btn:disabled{color:#4b5368;cursor:default}.ui-icon-btn--lg{width:44px;height:44px}.ui-chip{white-space:nowrap;background:var(--tag-bg);color:var(--tag-text);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:3px 10px;font-size:13px;line-height:1.5;display:inline-flex}button.ui-chip{cursor:pointer;transition:background .15s,color .15s,border-color .15s}button.ui-chip:hover{color:var(--text)}.ui-chip.is-active{background:var(--red-glow);border-color:var(--red);color:var(--red)}.ui-tag{padding:2px 8px;font-size:12px}.ui-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:40px;color:var(--text-dim);align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.ui-search:focus-within{border-color:var(--red)}.ui-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px}.ui-search input::placeholder{color:var(--text-dim)}.ui-search--lg{border-radius:var(--radius-lg);height:44px;padding:0 14px}.ui-search--lg input{font-size:15px}.ui-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ui-field>span{color:var(--text-dim);font-size:13px}.ui-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);outline:none;padding:9px 12px;font-size:15px;transition:border-color .15s}.ui-input:focus{border-color:var(--red)}.ui-input::placeholder{color:#5f6679}textarea.ui-input{resize:vertical;line-height:1.5}select.ui-input{cursor:pointer}input[type=date].ui-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ui-menu{z-index:60;background:var(--menu);border:1px solid var(--border-b);border-radius:var(--radius-lg);min-width:232px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 14px 36px #00000080}.ui-menu-item{width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.ui-menu-item:hover:not(:disabled){background:var(--menu-hover)}.ui-menu-item:disabled{color:var(--text-dim);cursor:default}.ui-menu-item--danger{color:var(--red)}.ui-menu-sep{background:var(--border-b);height:1px;margin:6px 4px}.ui-group-toggle{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px;display:flex}.ui-group-chev{flex-shrink:0;transition:transform .15s}.ui-list{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;margin-top:8px;display:flex}.ui-row{background:var(--surface);transition:background .15s,opacity .15s}.ui-row:hover{background:var(--hover)}.ui-row:first-child{border-top-left-radius:11px;border-top-right-radius:11px}.ui-row:last-child{border-bottom-right-radius:11px;border-bottom-left-radius:11px}.ui-row .ui-grip{opacity:0;transition:opacity .15s}.ui-row:hover .ui-grip{opacity:.9}.ui-modal-backdrop{z-index:200;background:#04060ab8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ui-modal{background:var(--surface);border:1px solid var(--border-b);border-radius:14px;width:560px;max-width:100%;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.ui-nav{border-radius:var(--radius);width:100%;height:40px;color:var(--nav-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.ui-nav:hover{background:var(--hover);color:var(--text)}.ui-nav[aria-current=page]{background:var(--red-glow);color:var(--red)}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-nav,.ui-row,.ui-group-chev,.ui-chip,.ui-icon-btn{transition:none}}
