:root{--bg:#0a0a0a;--panel:#141414;--panel2:#1c1c1c;--line:#2a2a2a;--txt:#ececec;--muted:#8a8a8a;--accent:#f5a623;--danger:#ef4444;--sans:"DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--txt);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.screen{place-items:center;min-height:100svh;padding:24px;display:grid}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:32px 28px}.brand{letter-spacing:.3px;font-size:20px;font-weight:700}.brand .dot{color:var(--accent)}.title{margin:14px 0 22px;font-size:24px;font-weight:600}.form{text-align:left;flex-direction:column;gap:10px;display:flex}.input{background:var(--panel2);border:1px solid var(--line);color:var(--txt);font:inherit;border-radius:10px;padding:11px 13px}.input:focus{border-color:var(--accent);outline:none}.error{color:var(--danger);font-size:13px}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--txt);border-radius:10px;justify-content:center;align-items:center;padding:11px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.btn.google{width:100%;margin-top:4px}.btn.ghost{background:0 0}.or{color:var(--muted);margin:16px 0 10px;font-size:12px}.switch{color:var(--muted);margin-top:18px;font-size:14px}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.console{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.meta{text-align:left;gap:8px;margin:18px 0 0;display:grid}.meta div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:8px;display:flex}.meta dt{color:var(--muted)}.meta dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.app-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:14px 0 6px;display:grid}.app-card{background:var(--panel2);border:1px solid var(--line);color:var(--txt);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.app-card:hover{border-color:var(--accent)}.app-icon{font-size:26px}.app-name{font-weight:600}.app-desc{font-size:12px}.todo{flex-direction:column;min-height:100svh;display:flex}.todo-body{width:100%;max-width:1000px;margin:0 auto;padding:20px 24px}.todo-err{padding:0 24px}.row{align-items:center;gap:10px;display:flex}.row .input{flex:1}.board-head{margin-bottom:14px}.board-title{margin:0;font-size:20px;font-weight:600}.project-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.project-row{align-items:center;gap:8px;display:flex}.project-open{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--txt);cursor:pointer;font:inherit;border-radius:10px;flex:1;align-items:center;gap:12px;padding:12px 14px;display:flex}.project-open:hover{border-color:var(--accent)}.project-icon{font-size:18px}.project-name{flex:1;font-weight:600}.del{color:var(--muted);padding:8px 10px}.del:hover{color:var(--danger)}.quadrants{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.quadrant{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.quadrant-title{margin:0 0 10px;font-size:14px;font-weight:600}.task-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.task{background:var(--panel2);border:1px solid var(--line);border-left-width:3px;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.task.prio-high{border-left-color:var(--danger)}.task.prio-medium{border-left-color:var(--accent)}.task.prio-low{border-left-color:var(--muted)}.task.done span{color:var(--muted);text-decoration:line-through}.task-main{cursor:pointer;flex:1;align-items:center;gap:8px;display:flex}@media (width<=640px){.quadrants{grid-template-columns:1fr}}