:root{color-scheme:dark;--accent:#00ff66;font-family:Inter,system-ui,sans-serif;background:#0a0a0a;color:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#00ff6609,transparent 60%)}button,a,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:12px;padding:12px 16px;min-height:46px;font-weight:650}button:hover{border-color:#00ff6680}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid #232323;background:#0b0b0be8}.back{color:#aaa;text-decoration:none}.brand{color:var(--accent);font-size:24px;font-weight:900}.brand b{font-size:12px;letter-spacing:3px;margin-left:8px;color:#ddd}#login,.primary{background:var(--accent);color:#05200f;border:0}main{max-width:1200px;margin:auto;padding:32px 24px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.3px;font-weight:800}h1{font-size:42px;margin:10px 0}p{color:#aaa;line-height:1.6}.hero p{margin:0}.identity{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.identity span{font-size:13px;color:#aaa}.summary{display:flex;gap:24px;align-items:center;border:1px solid #00ff6640;border-radius:18px;padding:24px;background:#00ff6608}.summary>div:first-child{min-width:145px}.summary strong{font-size:30px;display:block;color:var(--accent)}.summary span{font-size:12px;color:#aaa}.track{height:10px;flex:1;background:#262626;border-radius:20px;overflow:hidden}#bar{height:100%;width:0;background:var(--accent);transition:width .2s}#dayHint{max-width:250px;font-size:12px;margin:0}.filters{display:flex;gap:14px;align-items:end;margin:24px 0;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;color:#aaa;font-size:12px}.filters label{flex:1;min-width:170px}input,select,textarea{background:#181818;color:#fff;border:1px solid #333;border-radius:10px;padding:12px;font-size:15px;min-height:46px;min-width:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}.tabs{display:flex;gap:12px;margin-bottom:24px}.tabs button{flex:1;padding:16px}.tabs [aria-pressed=true]{color:var(--accent);background:#00ff6617;border-color:#00ff6655}#tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.group{background:#111;border:1px solid #272727;border-radius:16px;padding:20px;align-self:start}.group h2{font-size:17px;display:flex;justify-content:space-between;gap:12px;margin:0 0 18px}.group h2 small{color:#00ff66;font-size:12px;white-space:nowrap}.task{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;margin-top:10px;padding:16px;background:#191919;font-weight:500;border-color:#292929}.task:disabled{opacity:1;cursor:default}.task .box{border:2px solid #555;border-radius:7px;width:26px;height:26px;flex-shrink:0;color:#062515;display:flex;align-items:center;justify-content:center}.task.done{background:#00ff660c;border-color:#00ff6630}.task.done .box{background:var(--accent);border-color:var(--accent)}.task .text{font-size:15px;line-height:1.5}.task small{display:block;color:#999;font-size:11px;margin-top:7px}.empty{grid-column:1/-1;text-align:center;padding:40px;border:1px dashed #333;border-radius:16px}footer{font-size:12px;color:#777;margin-top:32px;text-align:center;line-height:1.6}#notice:not(:empty){padding:14px 18px;margin:16px 0;border:1px solid #00ff6640;border-radius:12px;background:#00ff660b;white-space:pre-line}#notice.error{color:#ffb0a7;border-color:#ff665560;background:#ff665510}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#000c;backdrop-filter:blur(8px);z-index:100}.editor{background:#111;border:1px solid #00ff6640;border-radius:20px;max-width:1100px;width:100%;max-height:92dvh;display:flex;flex-direction:column}.editor header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #292929}.editor h2{margin:8px 0 0}.editor-note{padding:0 24px;font-size:13px}#draft{overflow:auto;padding:0 24px}.draft-row{display:grid;grid-template-columns:2fr 1fr 150px 48px;gap:10px;padding:12px 0;border-bottom:1px solid #272727}.draft-row textarea{resize:vertical;min-height:74px}.editor-actions{padding:20px 24px;display:flex;justify-content:space-between;gap:12px}.draft-row button{align-self:end}body.editing{overflow:hidden}@media(max-width:700px){.top{padding:12px;flex-wrap:wrap}.brand{display:none}main{padding:24px 16px}.hero{align-items:flex-start;flex-direction:column}h1{font-size:34px}.summary{flex-wrap:wrap;padding:18px}.summary .track{min-width:90px}.summary p{max-width:none!important}.tabs{gap:6px}.tabs button{font-size:12px;padding:12px 6px}#tasks{grid-template-columns:1fr}.group{padding:14px}.draft-row{grid-template-columns:1fr 48px}.draft-row label{grid-column:1}.draft-row button{grid-column:2;grid-row:1/4}.overlay{padding:8px}.editor{max-height:96dvh}.editor header,#draft,.editor-actions{padding:14px}.editor-note{padding:0 14px}}

.task.syncing{border-color:#00ff6660}.task.syncing .box{box-shadow:0 0 8px #00ff6630}