:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#153b4c;background:#f4f7f8;font-size:16px;line-height:1.55;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:.65rem 1rem;background:#126b78;color:white;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #29aab3;outline-offset:3px}input{min-width:0;border:1px solid #ccd9df;border-radius:8px;padding:.7rem;color:#153b4c;background:white}h1,h2,h3,p{margin-top:0}h1{font-size:2.5rem;line-height:1.22;letter-spacing:-1px;margin-bottom:.6rem}h2{font-size:1.12rem;margin:0}h3{font-size:1rem;margin-bottom:.2rem}small{color:#607b86}.brand{font-size:1.05rem;font-weight:750;letter-spacing:2px}.eyebrow{font-size:.7rem;letter-spacing:1.6px;color:#317481;font-weight:700;display:block;margin-bottom:1rem}[hidden]{display:none!important}#login{max-width:1060px;margin:5rem auto;padding:2rem}.login-card{max-width:500px;margin:5rem auto;background:white;border:1px solid #dfe7eb;border-radius:20px;padding:2.5rem}.login-card p{color:#607b86}.login-card label{display:block;font-size:.85rem;margin-top:2rem}.login-card input,.login-card button{width:100%;margin-top:.65rem}#workspace{display:flex;min-height:100vh}aside{width:248px;flex-shrink:0;background:#113d51;color:#edf7fa;padding:2.4rem 1.4rem;display:flex;flex-direction:column}.aside-caption{font-size:.78rem;color:#adc4ce;margin-top:1rem}nav{display:grid;gap:.5rem;margin-top:2.7rem}nav button{background:transparent;text-align:left;color:#b7d0da;padding:.85rem 1rem;display:flex;gap:.9rem}nav button.active{background:#245a6d;color:white}.aside-foot{margin-top:auto;padding-top:4rem;font-size:.82rem;color:#d8e8ed}.aside-foot small{color:#9ab8c4;font-size:.7rem}.main{flex:1;min-width:0;max-width:1500px;padding:1.5rem 3.2rem}header{display:flex;justify-content:space-between;align-items:center;color:#6b828e;font-size:.82rem;gap:1rem}header>div{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:end}.quiet{background:transparent;color:#426571;border:1px solid #dbe5e9;padding:.45rem .7rem;font-size:.8rem}.intro{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:3rem 0 1.8rem}.intro p{color:#69818c;margin-bottom:0}#save-status{font-size:.75rem;color:#21776a;max-width:220px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats>div{border:1px solid #dce6eb;border-radius:12px;padding:1.2rem 1.5rem;background:#fff}.stats span{color:#69818c;font-size:.8rem}.stats strong{display:block;font-size:1.9rem;font-weight:600;margin-top:.3rem}.tools{margin:2rem 0 1.2rem}.search{display:flex;align-items:center;gap:.6rem;max-width:430px;color:#738b95}.search input{width:100%;font-size:.9rem}.project{background:#fff;border:1px solid #dce6eb;border-radius:12px;margin-bottom:1rem;overflow:hidden}.project-head{padding:1.3rem 1.5rem;border-bottom:1px solid #edf1f3;display:flex;justify-content:space-between;align-items:start;gap:1rem}.project-head details{font-size:.83rem;color:#567381;margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.project-head summary{cursor:pointer}.badge{flex-shrink:0;border-radius:20px;background:#e7f5f1;color:#267c70;padding:.2rem .65rem;font-size:.7rem}.task{display:flex;gap:1rem;padding:1rem 1.5rem;align-items:start;border-bottom:1px solid #edf1f3}.task:last-child{border-bottom:0}.toggle{width:25px;height:25px;border:1.5px solid #bdcfd6;border-radius:7px;background:#fff;color:#fff;padding:0;flex-shrink:0;margin-top:.2rem}.toggle.done{background:#278778;border-color:#278778}.task-text{flex:1;min-width:0;overflow-wrap:anywhere}.task-text small{display:block;font-size:.72rem}.task-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:end}.task-actions input{font-size:.75rem;padding:.4rem;max-width:145px}.task-actions button{font-size:.75rem;padding:.4rem .6rem}.empty{background:#eaf2f5;border:1px dashed #b8cdd5;border-radius:12px;padding:3rem;text-align:center;color:#5b7784}.empty h2{color:#234c5e;margin-bottom:.5rem}.activity{padding:1rem;border-bottom:1px solid #dce6eb;overflow-wrap:anywhere}.activity span{display:block;color:#718894;font-size:.8rem}.backup-card{background:white;border:1px solid #dce6eb;border-radius:12px;padding:1.6rem;margin-bottom:1rem}.backup-card p{color:#607b86;font-size:.9rem}.backup-card button{margin:.4rem .5rem .4rem 0}.backup-card input{max-width:100%;display:block;margin:1rem 0}footer{padding:1.7rem 0;color:#83969e;font-size:.72rem}#notice{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);max-width:90vw;border-radius:10px;background:#193f50;color:white;padding:1rem 1.5rem;box-shadow:0 4px 24px #14334430;z-index:9}
@media(min-width:1000px){aside{min-height:100vh;position:sticky;top:0;height:100vh}}@media(max-width:1000px){aside{width:200px;padding:1.8rem 1rem}.main{padding:1.3rem 1.6rem}.task{flex-wrap:wrap}.task-actions{width:100%;padding-left:2.5rem;justify-content:start}}@media(max-width:650px){#workspace{display:block}aside{width:100%;padding:1.2rem}.aside-caption,.aside-foot{display:none}nav{display:flex;overflow:auto;gap:.3rem;margin-top:1.1rem}nav button{flex-shrink:0;padding:.5rem .65rem;font-size:.8rem;gap:.35rem}.main{padding:1.2rem}header{font-size:.72rem;align-items:start}.intro{margin:2rem 0 1.4rem;display:block}h1{font-size:2rem}#save-status{margin-top:.8rem}.stats{gap:.5rem}.stats>div{padding:.8rem}.stats span{font-size:.68rem}.stats strong{font-size:1.6rem}.project-head,.task{padding:1rem}.project-head{flex-wrap:wrap}.task-actions{padding-left:0}.empty{padding:2rem 1rem}#login{padding:1.2rem;margin:1rem auto}.login-card{padding:1.6rem;margin:3rem auto}}
button,input[type=date]{min-height:44px}.toggle{width:44px;height:44px;min-width:44px;margin-top:0}.task-text{padding-top:.35rem}nav button{min-height:44px}header .quiet{min-height:44px}