:root,:root[data-theme],:root:not([data-theme=light]){color-scheme:dark!important;--bg:#212121;--card:#282828;--fill:#303030;--fill2:#383838;--ink:#ececec;--ink2:#aaaeb3;--ink3:#777d82;--sep:#3a3a3a;--accent:#a7c5b0;--on-accent:#fff;--bar:#212121f5;--red:#df9592;--orange:#d4b480;--green:#a7c5b0;--yellow:#d5c58d;--s-red:#ca8986;--s-amber:#c5aa7b;--s-olive:#91b29a;--s-teal:#80b3ae;--s-blue:#8faec7;--s-violet:#af9cbd;--s-rose:#be93a6;--s-slate:#959da6;--round:var(--font);--r:16px;--shadow:none}
html{scroll-padding-top:75px}body{background:#212121;color:#ececec;font-size:15px;line-height:1.45;padding-left:236px}.wrap{max-width:1500px;padding:12px 30px 60px;gap:24px}.nav{margin-inline:-30px;padding:15px 30px;background:#212121f5;border-bottom:1px solid #3a3a3a}.top{margin-top:0;gap:8px}.top .date{color:#aaaeb3;text-transform:none;font-weight:500;letter-spacing:0}h1{font-size:30px;letter-spacing:-.7px}h2{font-size:22px;font-weight:650;letter-spacing:-.4px}.tiles{gap:16px}.tile{padding:18px;border:1px solid #3a3a3a}.tile .ico{border-radius:9px;background:#37463c!important;color:#b8d3bf}.tile b{font-size:27px}.tile span{font-size:13px}.card,.add{border:1px solid #3a3a3a}.add{padding:14px;gap:10px}.add input[type=text],.task-title{font-size:15px}.add select,.add input[type=date]{background:#252525;border:1px solid #414141;font-size:13px}.btn{border:1px solid #3c5b48;background:#3c5b48;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:550}.btn:hover{background:#4c7058}.btn.plain,.btn.tinted{border:1px solid #414141;background:#303030;color:#ececec;padding:8px 12px;font-size:14px}.btn.danger{background:transparent;color:#df9592;border:1px solid #634744;border-radius:9px}.seg{border:1px solid #3a3a3a;background:#252525;border-radius:10px}.seg button{padding:7px 10px;font-size:12px}.seg button[aria-pressed=true]{background:#424242;box-shadow:none;color:#fff}.task{padding:15px 16px;gap:12px}.task:hover{background:#2d2d2d}.check{border-radius:7px;border-color:#747a76}.task.done .check{background:#4a6c54}.task-side .star{color:#999}.task-side .star.on{color:#d4b480}.meta{font-size:12px;gap:5px 10px}.chip{font-size:12px}.now{gap:20px}.plist .strip{padding:16px}.ghead{padding:0 2px 4px}.empty{padding:20px;color:#aaaeb3}.addrow{font-size:14px;padding:14px 16px;color:#a7c5b0}.modal{background:#212121;border:1px solid #414141;border-radius:16px;box-shadow:0 24px 90px #0008}.field input,.field select,.field textarea{font-size:15px}.field label{font-size:14px}.fgroup{background:#282828;border:1px solid #3a3a3a}.scrim{background:#0008}.toast{background:#3c5b48;color:#fff}.chatbig{border-radius:10px;background:#303b34;color:#b4cdbb}
.shtab-sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:26px 16px;background:#181818;border-right:1px solid #3a3a3a;display:flex;flex-direction:column;gap:5px;z-index:10}.shtab-brand{font-size:27px;font-weight:700;letter-spacing:-1px;padding:0 12px 22px;display:flex;align-items:center;gap:12px}.shtab-brand img{width:30px;height:30px}.shtab-sidebar a{display:block;color:#dfe2e0;text-decoration:none;padding:11px 14px;font-size:14px;border-radius:10px}.shtab-sidebar a:hover,.shtab-sidebar a.active{background:#383838;color:#fff}.shtab-sidebar small{margin-top:auto;padding:16px 12px 4px;color:#91979c;font-size:12px;line-height:1.6}.split{gap:20px}
@media(max-width:1200px){.split{grid-template-columns:1fr}.now{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){body{padding-left:208px}.shtab-sidebar{width:208px;padding:22px 12px}.wrap{padding-inline:24px}.nav{margin-inline:-24px;padding-inline:24px}}

/* Projects expand where clicked; no sidebar or viewport jump. */
body{padding-left:0!important}.wrap{max-width:1500px;padding-inline:30px}.shtab-sidebar{display:none!important}
.project-group+.project-group{border-top:1px solid var(--sep)}.project-tasks{margin:0 20px 18px 72px;background:#242424;border:1px solid #3a3a3a;border-radius:12px;overflow:hidden}.project-tasks .task:hover{background:#2b2b2b}.project-tasks .addrow{width:100%;text-align:left;border-top:1px solid #3a3a3a}.project-chevron{font-size:22px;color:#aaaeb3;min-width:20px;text-align:center}.strip[aria-expanded=true]{background:#303030}.strip:focus-visible{outline-offset:-3px}
@media(max-width:760px){.project-tasks{margin:0 12px 12px}.wrap{padding-inline:18px}}

.now{grid-template-columns:1fr}

/* Black canvas only; card, modal and control colors are preserved. */
html,body{background:#000!important}
.nav{background:#000!important}

/* More breathing room at window edges. */
.wrap{padding:28px 56px 80px}
.nav{margin-inline:0;padding:12px 0}
@media(max-width:1000px){.wrap{padding:24px 36px 64px}.nav{margin-inline:0;padding-inline:0}}
@media(max-width:760px){.wrap{padding:20px 24px 56px}}

.wrap{padding:40px 80px 100px}
.nav{margin-inline:0;padding:12px 0}
@media(max-width:1000px){.wrap{padding:32px 56px 80px}}
@media(max-width:760px){.wrap{padding:28px 36px 64px}}

/* Larger readable type, retaining layout and colors. */
body{font-size:17px}
h1{font-size:34px}h2{font-size:25px}
.task-title,.add input[type=text]{font-size:18px;line-height:1.45}
.pname b{font-size:19px}.pname>span,.next{font-size:16px}.next small{font-size:14px}
.meta,.chip,.gfoot,.top .date,.tile span{font-size:14px}
.btn,.btn.plain,.btn.tinted,.addrow{font-size:16px}
.seg button,.add select,.add input[type=date],.badge{font-size:14px}
.field label{font-size:16px}.field input,.field select,.field textarea{font-size:17px}
.empty{font-size:17px}.tile b{font-size:31px}

.project-plus{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #4c6253;border-radius:9px;background:#303b34;color:#c2dbc9;font-size:25px;font-weight:400;line-height:1;cursor:pointer}.project-plus:hover{background:#3c5b48;color:#fff}.project-plus:focus-visible{outline:2px solid #a7c5b0;outline-offset:3px}

.project-edit-icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:0!important;border:1px solid #414141!important;border-radius:9px;background:#303030!important;color:#a7c5b0}.project-edit-icon:hover{background:#3b3b3b!important}.project-edit-icon svg{pointer-events:none}

.idea-heading{display:flex;align-items:center;gap:12px}