@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@400;500;600;700&display=swap");:root{--ink:#12283a;--ink-deep:#0b1c2a;--copper:#b46f46;--cream:#f7f4ed;--paper:#fffdfa;--stone:#d8d2c8;--muted:#78828a;--text:#2e3b44}*{box-sizing:border-box}body,html{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:Manrope,Arial,sans-serif;background:var(--cream);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:var(--muted)}.copper{color:var(--copper)}.wordmark{display:flex;align-items:center;gap:13px;color:white;font:400 28px "DM Serif Display",serif}.wordmark.dark{color:var(--ink)}.mark{width:32px;height:31px;border:1px solid;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:5px}.mark i{width:4px;background:currentColor;display:block}.mark i:first-child{height:10px}.mark i:nth-child(2){height:19px}.mark i:nth-child(3){height:14px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-brand{position:relative;overflow:hidden;background:var(--ink);padding:48px 7vw;color:white;display:flex;flex-direction:column}.auth-copy{margin:auto 0;max-width:640px;position:relative;z-index:2}.auth-copy .eyebrow{color:#d7a180}.auth-copy h1{font:400 clamp(52px,6vw,92px)/.98 "DM Serif Display",serif;max-width:680px;margin:20px 0}.auth-copy>p:last-child{max-width:520px;color:#c8d0d5;line-height:1.8}.drawing{position:absolute;inset:auto -100px -180px 0;height:510px;border:1px solid rgba(255,255,255,.09);transform:skewY(-8deg)}.drawing span,.drawing:after,.drawing:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.08)}.drawing:before{inset:70px 80px 0 180px}.drawing:after{inset:140px 0 0 70px}.drawing span:first-child{height:100%;left:35%}.drawing span:nth-child(2){height:100%;left:64%}.drawing span:nth-child(3){width:100%;top:48%}.drawing span:nth-child(4){width:100%;top:72%}.auth-panel{display:grid;place-items:center;padding:48px;background:var(--paper)}.auth-card{width:min(430px,100%)}.auth-card h2,.onboarding-card h1{font:400 40px/1.1 "DM Serif Display",serif;color:var(--ink);margin:8px 0 12px}.form-intro{font-size:13px;color:var(--muted);margin-bottom:28px}.auth-card label,.modal label,.onboarding-card label{display:grid;gap:8px;font-size:11px;font-weight:700;margin:18px 0}.auth-card input,.modal select,.modal textarea,.onboarding-card input{width:100%;border:1px solid var(--stone);background:white;padding:14px;color:var(--text);outline:none}.auth-card input:focus,.modal select:focus,.modal textarea:focus,.onboarding-card input:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(180,111,70,.13)}.primary-button{border:0;border-radius:3px;background:var(--copper);color:white;font-weight:700;padding:15px 22px;width:100%;transition:.18s}.primary-button:hover{background:#985a36}.primary-button:disabled{opacity:.5;cursor:not-allowed}.mode-switch{border:0;background:none;color:var(--copper);width:100%;padding:18px;font-size:11px;font-weight:700}.auth-message{padding:11px 13px;background:#efe7de;border-left:3px solid var(--copper);font-size:11px;line-height:1.5;margin:14px 0}.security-note{position:absolute;bottom:28px;font-size:9px;letter-spacing:.06em;color:#8b959b}.onboarding-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e9e4da,#faf8f3)}.onboarding-card{width:min(540px,100%);padding:48px;background:var(--paper);border:1px solid var(--stone);box-shadow:0 22px 70px rgba(18,40,58,.09)}.onboarding-card .wordmark{margin-bottom:50px}.onboarding-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);padding:33px 24px;color:white;display:flex;flex-direction:column;z-index:10}.sidebar nav{display:grid;gap:7px;margin-top:55px}.sidebar nav button{border:0;background:transparent;color:#aab7c0;text-align:left;padding:13px 15px;border-radius:3px;display:flex;gap:13px}.sidebar nav button.active{background:rgba(255,255,255,.08);color:white;border-left:2px solid var(--copper)}.profile{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;align-items:center;gap:11px}.profile>span{width:38px;height:38px;border-radius:50%;background:var(--copper);display:grid;place-items:center;font-size:11px;font-weight:700}.profile div{display:grid;gap:3px;min-width:0}.profile strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:9px;color:#9eabb4}.workspace{margin-left:250px;width:calc(100% - 250px);padding:35px 4vw 60px}.workspace>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--stone)}.workspace h1{font:400 clamp(34px,4vw,54px) "DM Serif Display",serif;color:var(--ink);margin:0}.header-actions{display:flex;align-items:center;gap:9px}.header-actions .compact{width:auto;white-space:nowrap}.ghost-button{border:1px solid var(--stone);background:transparent;padding:13px 16px;color:var(--ink);font-size:10px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;margin-top:27px}.card{background:var(--paper);border:1px solid var(--stone);padding:30px}.timer-card{min-height:340px;position:relative;overflow:hidden}.timer-card:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(180,111,70,.14);right:-70px;bottom:-100px;transform:rotate(24deg)}.section-heading h2,.summary-card h2,.timer-card h2{font:400 34px "DM Serif Display",serif;color:var(--ink);margin:10px 0}.task-line{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}.task-line span{width:28px;height:1px;background:var(--copper)}.timer{font:400 clamp(49px,6vw,75px) "DM Serif Display",serif;color:var(--ink);display:block;margin:30px 0 19px;font-variant-numeric:tabular-nums}.timer-card>button{width:auto;position:relative;z-index:2}.stop-button{border:0;background:var(--ink);color:white;padding:15px 22px;font-weight:700}.summary-card h2{font-size:60px;margin-top:25px}.summary-card>p:not(.eyebrow){font-size:11px;color:var(--muted)}.util-row{display:flex;justify-content:space-between;margin-top:65px;font-size:10px}.util-row span{color:var(--muted)}.progress{height:8px;background:#e2ddd4;margin-top:10px}.progress i{display:block;height:100%;background:var(--copper)}.entries-card{grid-column:1/-1;padding:0}.section-heading{padding:24px 28px 19px;border-bottom:1px solid var(--stone);display:flex;justify-content:space-between;align-items:center}.section-heading h2{margin:0;font-size:27px}.section-heading>span{font-size:10px;color:var(--muted)}.entry-row{display:grid;grid-template-columns:9px minmax(220px,1fr) auto 80px;align-items:center;gap:16px;padding:15px 28px;border-bottom:1px solid #e6e1d8}.entry-row>i{width:9px;height:36px}.entry-row>div{display:grid;gap:3px}.entry-row strong{font-size:11px;color:var(--ink)}.entry-row div span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-row>b{text-align:right;font:400 16px "DM Serif Display",serif;color:var(--ink)}.pill{background:#e2eee7;color:#42634f;padding:6px 9px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pill.muted{background:#e9ecee;color:#64727b}.empty-state{text-align:center;padding:55px 20px}.empty-state>span{font:400 44px "DM Serif Display",serif;color:var(--copper)}.empty-state h3{font:400 23px "DM Serif Display",serif;color:var(--ink);margin:9px}.empty-state p{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(5,16,25,.67);z-index:30;display:grid;place-items:center;padding:20px}.modal{width:min(490px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--cream);padding:37px;position:relative}.modal h2{font:400 34px "DM Serif Display",serif;color:var(--ink);margin:8px 0 20px}.modal .close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px}.modal label small{font-size:8px;color:var(--muted)}.modal textarea{resize:vertical}.billing-choice{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--stone);margin:23px 0}.billing-choice button{border:0;background:white;padding:12px;color:var(--muted)}.billing-choice button.selected{background:var(--ink);color:white}@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:330px;padding:32px}.auth-copy{margin:55px 0 20px}.auth-copy h1{font-size:48px}.auth-panel{padding:45px 25px 80px}.security-note{position:static;margin-top:35px}.sidebar{width:78px;padding:24px 12px}.sidebar .wordmark{font-size:0;justify-content:center}.sidebar nav button{justify-content:center;font-size:17px}.profile div,.sidebar nav button span{display:none}.profile{justify-content:center}.workspace{margin-left:78px;width:calc(100% - 78px)}.dashboard-grid{grid-template-columns:1fr}.entries-card{grid-column:auto}}@media(max-width:620px){.sidebar{display:none}.workspace{margin:0;width:100%;padding:24px 15px 85px}.workspace>header{align-items:flex-start}.workspace h1{font-size:35px}.ghost-button{display:none}.header-actions .compact{padding:12px}.dashboard-grid{display:block}.card{margin-bottom:15px;padding:23px}.timer{font-size:54px}.summary-card .util-row{margin-top:35px}.entries-card{padding:0}.entry-row{grid-template-columns:7px 1fr auto;padding:14px}.entry-row .pill{display:none}.auth-brand{min-height:300px}.auth-copy h1{font-size:42px}.onboarding-card{padding:32px 24px}}.wordmark-button{border:0;background:transparent;padding:0}.page-view{padding-top:30px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h2{font:400 40px "DM Serif Display",serif;color:var(--ink);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden}.project-accent{position:absolute;left:0;right:0;top:0;height:7px}.phase-card h3,.project-card h3{font:400 26px "DM Serif Display",serif;color:var(--ink);margin:8px 0}.project-card>p:not(.eyebrow){font-size:11px;color:var(--muted)}.project-card dl{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 20px;border-top:1px solid var(--stone);padding-top:17px}.project-card dt{font-size:8px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.project-card dd{font-size:10px;font-weight:700;color:var(--ink);margin:5px 0 0}.card-actions{display:flex;align-items:center;justify-content:space-between}.card-actions button{border:0;background:none;color:var(--copper);font-size:10px;font-weight:700;padding:7px 0}.card-actions .danger-link{color:#a04943}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:white;margin-bottom:20px}.summary-strip div{padding:20px 25px;border-right:1px solid rgba(255,255,255,.12);display:grid;gap:5px}.summary-strip span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#aebac2}.summary-strip strong{font:400 23px "DM Serif Display",serif}.report-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.report-card{min-height:330px}.donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:25px auto;position:relative}.donut:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--paper)}.donut span{position:relative;z-index:1;display:grid;text-align:center}.donut b{font:400 32px "DM Serif Display",serif;color:var(--ink)}.donut small{font-size:8px;color:var(--muted)}.goal{text-align:center;font-size:10px;color:var(--copper)}.goal.met{color:#467057}.report-bars{display:grid;gap:18px;margin-top:28px}.report-bars label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.report-bars>div>div{height:12px;background:#e6e2da}.report-bars i{display:block;height:100%;min-width:2px}.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.phase-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e7e2da;font-size:10px}.muted-copy{font-size:10px;color:var(--muted)}.settings-card{max-width:760px}.settings-card>div{display:grid;gap:6px;padding:17px 0;border-bottom:1px solid var(--stone)}.settings-card span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.settings-card strong{font-size:12px;color:var(--ink)}.settings-card button{margin-top:25px}.row-delete{border:0;background:none;color:#a04943;font-size:19px}.toast{position:fixed;right:25px;bottom:25px;z-index:60;background:var(--ink);color:white;border-left:3px solid var(--copper);padding:13px 18px;font-size:11px}.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--stone);background:white;padding:13px;color:var(--text)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.check-label input,.compact{width:auto}.entries-card .entry-row:has(.row-delete){grid-template-columns:9px minmax(180px,1fr) auto 80px 25px}@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}@media(max-width:700px){.page-heading{align-items:flex-start}.page-heading h2{font-size:34px}.phase-grid,.project-grid{grid-template-columns:1fr}.summary-strip div{padding:15px 12px}.summary-strip strong{font-size:18px}.entries-card .entry-row:has(.row-delete){grid-template-columns:7px 1fr auto 22px}.entries-card .entry-row:has(.row-delete)>b{display:none}.report-card{min-height:0}}.mobile-toolbar{display:none}@media(max-width:700px){.mobile-toolbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:68px;padding-bottom:env(safe-area-inset-bottom);background:var(--ink);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 24px rgba(5,16,25,.18)}.mobile-toolbar button{min-width:0;border:0;background:transparent;color:#aab7c0;display:grid;place-content:center;gap:4px;padding:9px 2px;font:700 8px/1.1 inherit;cursor:pointer}.mobile-toolbar button b{font-size:18px;line-height:1}.mobile-toolbar button span{overflow:hidden;text-overflow:ellipsis}.mobile-toolbar button.active{color:#e2a17b;box-shadow:inset 0 2px 0 var(--copper)}.workspace{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}}