:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#252b28;background:#f6f5f1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dadfd9;border-radius:9px;padding:10px 13px;background:#fff;color:inherit}button.primary{background:#2f5647;color:white;border-color:#2f5647}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #82b09d}#app{display:flex;min-height:100vh}.sidebar{width:235px;background:#eeefe9;padding:25px 16px;display:flex;flex-direction:column;gap:28px;border-right:1px solid #ddd}.brand{font-weight:750;letter-spacing:2px}.brandmark{color:#528975;font-size:24px}.sidecaption,.eyebrow{font-size:11px;letter-spacing:2px;color:#66726e}#nav{display:grid;gap:5px}#nav button{text-align:left;border:0;background:transparent}#nav button.active{background:#d9e5dd}.sidebottom{margin-top:auto;display:grid;gap:8px;font-size:12px;color:#65706b}.statusdot{display:inline-block;background:#6a9c85;width:7px;height:7px;border-radius:50%}main{flex:1;min-width:0;padding:25px clamp(18px,4vw,55px);max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e2da;padding-bottom:22px}.headright{display:flex;align-items:center;gap:10px}#content{padding:24px 0 75px}h1{font-size:clamp(30px,4vw,43px);letter-spacing:-1.8px;margin:0 0 8px}h2{font-size:21px;letter-spacing:-.5px}p{color:#66716b;line-height:1.5}.muted{color:#78817b;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.panel{background:#fff;border:1px solid #e1e4dd;border-radius:15px;padding:18px;margin-bottom:16px}.taskrow,.habitrow,.timeline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eceee9}.taskrow:last-child,.habitrow:last-child{border-bottom:0}.taskrow>div:first-child,.habitrow>div:first-child{min-width:0;flex:1}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button{padding:8px}.tag{font-size:11px;background:#e7eee8;padding:4px 7px;border-radius:5px}.done{text-decoration:line-through;color:#9ba39b}.progress{height:7px;background:#e5e8df;border-radius:9px;overflow:hidden}.progress>span{display:block;height:100%;background:#6e977d}.timeline{position:relative;border-left:1px solid #cfd7cf;margin-left:47px;min-height:580px}.timeline-label{position:absolute;left:-49px;font-size:11px;color:#7b847d}.block{position:absolute;overflow:auto;background:#dfece3;border:1px solid #b5d0bd;border-left:3px solid #658b73;border-radius:8px;padding:6px;font-size:12px;min-height:32px}.block.conflict{background:#f5e4d3;border-color:#c7a380}.empty{padding:25px;text-align:center;color:#89918a}.notice{border-left:3px solid #bb9756;background:#fff4e1;padding:12px;border-radius:7px}.bottomnav,.mobile-account,.mobile-data-tools,.mobile-sync-health{display:none}dialog{border:0;border-radius:16px;max-width:min(94vw,510px);width:100%;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#122c2677}.dialogtop{display:flex;align-items:center;justify-content:space-between}form label{display:grid;gap:5px;margin:12px 0;font-size:13px}input,select,textarea{padding:10px;border:1px solid #d9dfd7;border-radius:9px;width:100%;background:white}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialogactions{display:flex;justify-content:flex-end}#toast{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);background:#253b2f;color:white;padding:12px 20px;border-radius:10px;display:none}#toast.visible{display:block}@media(max-width:720px){.sidebar{display:none}main{padding:18px 15px}.headright{gap:6px}.headright #today-date{display:none}.mobile-account{display:inline-block}.mobile-sync-health{display:block;font-size:12px;color:#637367;margin-top:12px}.mobile-data-tools{display:flex;gap:8px;margin-top:10px}.mobile-data-tools button{flex:1;font-size:12px}.bottomnav{display:flex;position:fixed;bottom:0;background:#fbfcfa;left:0;right:0;justify-content:space-around;z-index:10;padding:8px 2px max(8px,env(safe-area-inset-bottom));border-top:1px solid #dedfdb}.bottomnav button{display:grid;gap:2px;font-size:15px;padding:6px 2px;border:0;background:none}.bottomnav small{font-size:9px}.bottomnav .active{color:#317454}#content{padding-bottom:100px}.row-actions button{min-width:40px;min-height:40px}}@media(max-width:360px){.bottomnav small{font-size:8px}.formgrid{grid-template-columns:1fr}}

.block-title{width:100%;height:100%;font-size:12px;padding:3px;text-align:left;border:0;background:transparent;overflow-wrap:anywhere;min-height:32px}.row-actions button{min-width:44px;min-height:44px;touch-action:manipulation}@media(max-width:720px){.block{padding:2px}.block-title{font-size:11px}.timeline{margin-right:4px}}

#auth-dialog{border:1px solid #dadfd9;border-radius:16px;padding:0;max-width:min(440px,calc(100vw - 28px));width:100%}#auth-dialog::backdrop{background:rgba(20,30,26,.43)}.auth-panel{padding:24px}.auth-panel form{display:grid;gap:14px}.auth-panel label{display:grid;gap:7px}.auth-panel input{width:100%;min-height:44px}.auth-panel button.primary{min-height:44px}#auth-message{min-height:1.5em}