:root{--bg:#11110f;--paper:#ece7dc;--ink:#191814;--muted:#756f65;--line:#cbc1b1;--field:#f5f0e7;--night:#eee9df;--tab:#e3dccf;--danger:#7e3028;--radius:2px}
    *{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);font-family:Georgia,'Times New Roman',serif;color:var(--ink)}button,input,textarea,select{font:inherit}.app{max-width:900px;margin:auto;min-height:100vh;background:var(--paper)}
    .top{position:sticky;top:0;z-index:5;background:var(--bg);color:var(--night);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:12px;letter-spacing:.18em;text-transform:uppercase}.top-actions{display:flex;gap:7px;align-items:center}.top button,.top label{background:transparent;color:var(--night);border:1px solid #4a4841;border-radius:20px;padding:7px 11px;font-size:12px;cursor:pointer}.top .quiet{border:0;padding-inline:5px}
    .shell{display:grid;grid-template-columns:1fr 58px;min-height:calc(100vh - 54px)}main{padding:24px 18px 94px}.tabs{border-left:1px solid var(--line);max-height:calc(100vh - 54px);overflow:auto;position:sticky;top:54px}.tab{width:100%;min-height:48px;border:0;border-bottom:1px solid var(--line);background:var(--tab);color:var(--muted);font-size:10px;cursor:pointer}.tab b{display:block;font-size:16px;font-weight:normal}.tab.active{background:var(--bg);color:var(--night)}
    .kicker,label,.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1{font-size:32px;font-weight:normal;margin:5px 0 2px}.date{color:var(--muted);font-size:13px;margin-bottom:22px}.section{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.section.flush{border:0;margin-top:0;padding-top:0}.section h2{font-size:16px;font-weight:normal;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.hidden{display:none!important}
    input,textarea,select{width:100%;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:9px;border-radius:var(--radius)}textarea{min-height:80px;resize:vertical}button{color:var(--ink)}.button{border:1px solid var(--line);background:transparent;padding:8px 10px;cursor:pointer}.button.dark{background:var(--bg);border-color:var(--bg);color:var(--night)}.button.danger{color:var(--danger)}.button.small{font-size:10px;padding:6px 8px}.text-button{border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:3px}
    .day-summary,.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric,.card{border:1px solid var(--line);padding:13px}.metric .n,.card .n{font-size:25px}.metric .t,.card .t{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.status{font-size:11px;color:var(--muted)}
    .project{border-top:1px solid var(--line);padding:17px 0}.project:first-child{border-top:0;padding-top:0}.project-head{display:grid;grid-template-columns:1fr 112px;gap:14px;align-items:end}.project-name{font-size:21px}.project-stats{font-size:11px;color:var(--muted);margin-top:3px}.goal input{text-align:center;font-size:20px}.goal-progress{font-size:10px;color:var(--muted);text-align:center;margin-top:5px;line-height:1.35}.bar{height:3px;background:#d8d0c3;margin:11px 0 13px}.bar span{height:100%;display:block;background:var(--ink);max-width:100%}
    .task{display:grid;grid-template-columns:1fr 64px 64px 28px;gap:5px;margin:6px 0}.task input{text-align:left;padding:8px}.task .number{text-align:center}.task .remove{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.task-head{display:grid;grid-template-columns:1fr 64px 64px 28px;gap:5px;margin-top:8px}.task-head span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.task-head span:first-child{text-align:left}.project-actions{display:flex;justify-content:space-between;margin-top:9px}
    .hist{display:grid;grid-template-columns:95px 1fr 75px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;align-items:center}.hist small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.hist .right{text-align:right}.periods{display:flex;gap:6px;margin:8px 0 14px;flex-wrap:wrap}.periods button{border:1px solid var(--line);background:transparent;padding:7px 10px;font-size:11px;cursor:pointer}.periods button.active{background:var(--bg);color:var(--night);border-color:var(--bg)}.empty{color:var(--muted);font-style:italic;padding:15px 0}.definition{font-size:11px;line-height:1.55;color:var(--muted);margin-top:12px}
    .settings-row{display:grid;grid-template-columns:1fr 105px 34px;gap:7px;margin:7px 0}.settings-row input:last-of-type{text-align:center}.settings-row button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.settings-actions{display:flex;gap:8px;margin-top:11px}.notice{border:1px solid var(--line);padding:12px;font-size:12px;line-height:1.5;margin-bottom:15px}.danger-zone{border-color:#b89691}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(900px,100%);background:var(--bg);display:grid;grid-template-columns:repeat(4,1fr);z-index:10}.nav button{border:0;background:transparent;color:#aaa69d;padding:14px 5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.nav button.active{color:white}
    @media(max-width:600px){main{padding:20px 14px 90px}.shell{grid-template-columns:1fr 52px}.top-actions .import{display:none}.day-summary,.cardgrid{grid-template-columns:1fr 1fr}.project-head{grid-template-columns:1fr 108px}.task,.task-head{grid-template-columns:1fr 50px 50px 25px}.hist{grid-template-columns:74px 1fr 62px}.nav button{font-size:9px;letter-spacing:.05em}}
.sync-status{display:block;border:0!important;padding:2px 0 0!important;color:#aaa69d!important;font-size:9px!important;text-align:left}.sync-status[data-state="error"]{color:#d6a39d!important}.account-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:22px;width:min(420px,calc(100% - 28px))}.account-dialog::backdrop{background:#0009}.account-dialog form{display:grid;gap:10px}.dialog-close{justify-self:end;border:0;background:transparent;font-size:22px}.account-error{color:var(--danger);font-size:11px;min-height:1.2em}