:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f0f6f3;background:#101816;font-size:16px;--green:#64e2ae;--muted:#a4b5ae;--border:#2b3b34;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit}button,.import{cursor:pointer}button{border:1px solid var(--border);background:#1b2923;color:inherit;border-radius:10px;padding:10px 15px;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#2a3c32;border-color:#537760}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #64e2ae;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}
aside{width:252px;position:fixed;inset:0 auto 0 0;padding:34px 24px;background:linear-gradient(165deg,#fff 45%,#e5f2e9);border-right:1px solid #d2e4d8;display:flex;flex-direction:column;color:#243e33;z-index:2;color-scheme:light;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:38px;color:#143c2c;text-decoration:none;letter-spacing:-2px}.brand img{background:#143c2c;border-radius:14px;padding:6px}.brand span{color:#219668}aside>p{font-size:11px;letter-spacing:1.5px;color:#647e6f;margin:18px 0 40px}nav{display:grid;gap:10px}nav button{text-align:left;border:1px solid transparent;padding:15px;background:transparent}nav button.active{background:#163e2f;color:#d9ffeb;box-shadow:0 5px 16px #1b433b1a}nav button:hover{background:#d8eade;color:#143c2c}nav button.active:hover{background:#20523f;color:#d9ffeb}.aside-bottom{margin-top:auto;padding-top:40px;display:grid;gap:10px}.aside-bottom p{color:#607768;font-size:14px;line-height:1.6;margin:0 0 12px}.aside-bottom small{font-size:12px;color:#617a6b}.aside-bottom button{background:#ffffffb0;border-color:#c3d8c9;color:#244c37;font-size:14px}.aside-bottom button:hover{background:#cde8d8}.import{text-align:center;font-size:14px;padding:7px}.import:hover{color:#19704d}
main{position:relative;isolation:isolate;margin-left:252px;width:calc(100% - 252px);padding:30px clamp(24px,5vw,80px);background:radial-gradient(ellipse at 90% 0%,#19423080,transparent 52%)}main:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:34px;right:3%;width:390px;height:390px;background:url('logo.svg') no-repeat center/contain;opacity:.055;transform:rotate(-14deg)}header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;gap:16px}.primary{background:var(--green);color:#102a1d;border-color:var(--green);font-weight:700;box-shadow:0 4px 22px #64e2ae15}.primary:hover{background:#8eefc4;border-color:#8eefc4}.heading{display:flex;justify-content:space-between;align-items:center;padding:48px 0 32px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:52px;letter-spacing:-2.5px;margin:10px 0}h1 span{color:var(--green)}p{line-height:1.6}.heading p{color:var(--muted);margin:0}.progress{display:grid;text-align:right;gap:4px;flex-shrink:0}.progress strong{font-size:44px;color:var(--green);letter-spacing:-2px}.progress span{color:var(--muted);font-size:14px}.day-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 20px}.day-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.day-toolbar input{width:auto;max-width:100%;background:#17261e}.filters{background:#152019;border:1px solid var(--border);border-radius:12px;padding:4px}.filters button{border:0;background:transparent;font-size:14px}.filters button.active{background:#324b3d;color:#9af1c7}.meter{height:5px;background:#2b3b32;border-radius:10px;margin-bottom:28px;overflow:hidden}.meter div{height:100%;background:var(--green);transition:width .35s ease}
.view-panel{animation:enter .25s ease}.task{background:linear-gradient(115deg,#1b2922,#17221e);border:1px solid var(--border);border-radius:18px;margin-bottom:16px;padding:22px 24px;box-shadow:0 12px 30px #00000010;transition:border-color .2s,background .2s}.task:hover{border-color:#4b6956}.task-top{display:flex;gap:16px;align-items:flex-start}.task-top>input{width:23px;height:23px;accent-color:var(--green);margin-top:9px;flex-shrink:0}.task-content{flex:1;min-width:0}.platform{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;border:1px solid #41604d;border-radius:7px;background:#293e31;color:#c1e3cd}.tiktok{background:#101715;color:#d9fff1;border-color:#3c6155}.instagram{background:#392438;color:#f4bfdc;border-color:#684460}.youtube{background:#3b2428;color:#ffc0c5;border-color:#654048}.task h2{font-size:21px;margin:12px 0 8px;overflow-wrap:anywhere}.done{background:#16221c}.done h2{text-decoration:line-through;color:#a3b6a9}.meta{font-size:14px;color:var(--muted)}.task-actions{display:flex;gap:5px}.task-actions button{font-size:14px;padding:7px 9px;background:transparent;border:0}.task-actions button:hover{background:#304637}.task-actions .delete:hover{background:#4c2a2e;color:#ffc5c5}details{margin-top:18px;border-top:1px solid #304237;padding-top:14px}summary{cursor:pointer;font-size:14px;font-weight:600;color:#9ce7be}.subtasks{display:grid;gap:13px;margin-top:18px}.subtasks label{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.subtasks input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.subtasks input:checked+span{color:#97ac9d;text-decoration:line-through}.task-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#bdd0c1;font-size:14px;margin:18px 0 0;background:#101a15;padding:16px;border-radius:10px;border-left:2px solid #4a8966}.empty{text-align:center;background:#18251e;border:1px dashed #476552;border-radius:18px;padding:50px 20px}.empty h2{font-size:23px}.empty p{color:var(--muted)}footer{color:#8aa494;font-size:13px;text-align:center;margin:40px 0}
#calendarView{background:#0b110f;border:1px solid #2b3e32;padding:22px;border-radius:22px;box-shadow:0 20px 45px #0002}#monthLabel{font-size:24px;text-transform:capitalize;letter-spacing:-.5px}.weekdays,#calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekdays{text-align:center;padding:14px 0;color:#a4baab;font-size:14px}#calendar{padding-top:4px}.calendar-day{min-height:118px;border:1px solid #25392d;border-radius:12px;text-align:left;padding:14px;background:#141f19;display:flex;flex-direction:column;gap:8px;overflow:hidden}.calendar-day:hover{background:#21372b;border-color:#64e2ae}.calendar-day strong{font-size:17px}.calendar-day.today{background:#1b3b2b;border:1px solid #64e2ae}.calendar-day.today strong{color:var(--green)}.calendar-day small{color:#a6d7b7;font-size:12px}.calendar-day.outside{opacity:.38}.calendar-preview{display:block;font-size:12px;color:#d4e7d9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.calendar-hint{color:#90a597;font-size:13px;margin:18px 0 0}#notesView{background:#18251e;padding:28px;border:1px solid var(--border);border-radius:18px}#notesView>label{font-size:22px;font-weight:650}#notesView p,#notesView small{color:var(--muted)}#globalNotes{min-height:350px;margin-bottom:12px}
dialog{width:min(600px,calc(100% - 28px));border:1px solid #415a49;border-radius:22px;padding:28px;max-height:90vh;overflow:auto;color:inherit;background:#18241e;box-shadow:0 30px 100px #0009;animation:dialogIn .22s ease}dialog::backdrop{background:#03100dc9;backdrop-filter:blur(7px);animation:fadeIn .2s ease}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.dialog-header h2{margin:7px 0 0;font-size:28px;letter-spacing:-.7px}.dialog-header .eyebrow{font-size:10px}.dialog-header button{background:#263c2e}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:20px}form label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:18px}input,textarea,select{width:100%;padding:12px;border:1px solid #3b5443;background:#101c15;border-radius:9px;color:inherit}input::placeholder,textarea::placeholder{color:#90a494}textarea{resize:vertical;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-hint,.range-hint{font-size:13px;color:var(--muted)}.range-hint{color:#a8dbba}.inline-input{display:flex;gap:8px}.inline-input input{flex:1;min-width:0}#customPlatformFields{background:#213a2b;padding:0 14px 14px;border-radius:12px;margin-top:12px;border:1px solid #486950}#customPlatformFields small{display:block;margin-top:10px;color:#b3c9ba;font-size:12px}#dictate{margin-top:10px;font-size:14px}#infoText{white-space:pre-line}
#toast,#undoBanner{position:fixed;bottom:24px;left:calc(50% + 126px);transform:translateX(-50%);padding:14px 20px;background:#d9ffeb;color:#123825;border:1px solid #88ccaa;border-radius:14px;box-shadow:0 14px 44px #0006;z-index:10;animation:toastIn .2s ease;max-width:calc(100% - 32px)}#undoBanner{display:flex;gap:18px;align-items:center;background:#203b2c;color:#e5fff0;border-color:#4d8e64;width:max-content}#undoBanner div{display:grid;gap:4px}#undoBanner span{font-size:13px;color:#b6d5c1}#undoBanner button{background:#c2f5d4;color:#193c26;white-space:nowrap}#undoBanner button:last-child{background:transparent;color:#c5dfce;border:0;padding:8px}#toast{bottom:110px;font-size:14px}#undoLast{color:#1a6e47}
@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes dialogIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes toastIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){main{padding-right:max(80px,calc((100vw - 1450px)/2));padding-left:80px}}@media(max-width:1050px){aside{width:215px;padding:28px 18px}main{margin-left:215px;width:calc(100% - 215px);padding:24px}.day-toolbar{flex-wrap:wrap}.progress strong{font-size:36px}.calendar-day{min-height:98px;padding:10px}#toast,#undoBanner{left:calc(50% + 107px)}}
@media(max-width:700px){body{display:block}aside{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid #bed2c4;overflow:visible}.brand{font-size:32px}.brand img{width:40px;height:40px}aside>p{display:none}nav{display:flex;margin-top:16px;gap:6px}nav button{font-size:14px;padding:11px 8px;flex:1;text-align:center}.aside-bottom{display:flex;flex-wrap:wrap;margin-top:14px;padding-top:0;gap:7px}.aside-bottom strong,.aside-bottom p{display:none}.aside-bottom button,.import{font-size:12px;padding:7px}.aside-bottom small{width:100%}main{margin:0;width:100%;padding:22px 16px}main:before{width:230px;height:230px;top:80px;right:0}header{font-size:12px}.heading{padding:30px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:38px;letter-spacing:-1.5px}.heading p{font-size:14px;max-width:230px}.progress strong{font-size:32px}.progress span{max-width:100px;font-size:12px}.task{padding:18px}.task-top{gap:10px}.task-actions{flex-direction:column}.task h2{font-size:18px}.task-actions button{font-size:12px;padding:7px}.day-toolbar input{font-size:14px}#calendarView{padding:12px;border-radius:16px}.weekdays,#calendar{gap:4px}.calendar-day{min-height:78px;padding:7px 4px;border-radius:7px}.calendar-day strong{font-size:14px}.calendar-day small,.calendar-preview{font-size:10px}.calendar-preview{display:none}#monthLabel{font-size:20px}.form-grid{gap:0 10px}dialog{padding:20px}#toast,#undoBanner{left:50%;bottom:16px}#undoBanner{gap:10px;padding:12px;width:calc(100% - 24px)}#undoBanner div{flex:1}#undoBanner span{font-size:12px}#undoBanner button{padding:9px;font-size:14px}#toast{bottom:110px}}
main{overflow-x:clip}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}