@font-face{font-family:Editorial Serif;src:local(Iowan Old Style),local(Baskerville),local(Palatino Linotype)}:root{color:#191914;font-synthesis:none;text-rendering:optimizelegibility;--ink:#191914;--paper:#f1efe7;--muted:#77756d;--line:#1919142e;--red:#f05236;--blue:#1854d1;--green:#1d6b4d;background:#dedbd1;font-family:Avenir Next,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#dedbd1;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #1854d159}.app-shell{background:var(--paper);border:1px solid #1919144d;width:min(1420px,100% - 28px);min-height:calc(100vh - 28px);margin:14px auto;position:relative;overflow:hidden;box-shadow:0 30px 90px #2a251929}.paper-grain{pointer-events:none;opacity:.22;z-index:20;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:30;border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:0 42px;display:grid;position:relative}button{cursor:pointer;background:0 0;border:0}.wordmark{letter-spacing:.11em;align-items:center;gap:10px;width:max-content;padding:8px 0;font-size:13px;font-weight:800;display:inline-flex}.wordmark>span:last-child{color:var(--red)}.wordmark-mark{width:25px;height:25px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;display:grid}.date-nav{align-items:center;gap:10px;display:flex}.date-nav>button:not(.date-nav-label),.icon-button{border-radius:50%;place-items:center;width:36px;height:36px;transition:background .18s,transform .18s;display:grid}.date-nav>button:hover:not(.date-nav-label),.icon-button:hover{background:#19191414;transform:translateY(-1px)}.date-nav-label{letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;font-size:12px;font-weight:700}.menu-wrap{justify-self:end;position:relative}.menu-card{z-index:50;background:var(--ink);width:230px;color:var(--paper);border-radius:3px;padding:10px;animation:.18s both reveal;position:absolute;top:45px;right:0;box-shadow:0 14px 45px #00000042}.menu-card button{width:100%;color:var(--paper);text-align:left;border-radius:2px;align-items:center;gap:9px;padding:11px 10px;display:flex}.menu-card button:hover{background:#ffffff1a}.menu-card p{color:#aaa89f;margin:9px 10px 4px;font-size:11px;line-height:1.4}main{padding:44px 6vw 60px}.day-heading{justify-content:space-between;align-items:flex-end;padding-bottom:34px;display:flex}.eyebrow{color:var(--red);letter-spacing:.13em;margin:0 0 6px;font-size:11px;font-weight:800}.day-heading h1{letter-spacing:-.065em;margin:0;font-family:Editorial Serif,Georgia,serif;font-size:clamp(63px,9vw,135px);font-weight:400;line-height:.8}.day-heading h1 sup{color:var(--muted);letter-spacing:.12em;vertical-align:top;margin-left:16px;font-family:Avenir Next,sans-serif;font-size:clamp(10px,1.2vw,16px);font-weight:600;display:inline-block;transform:translateY(12px)rotate(90deg)}.progress-stamp{--progress:0deg;text-align:center;background:conic-gradient(var(--red) var(--progress), #1919141f 0);border-radius:50%;flex:none;place-content:center;width:100px;height:100px;margin-right:12px;display:grid;position:relative}.progress-stamp:before{content:"";border-radius:inherit;background:var(--paper);position:absolute;inset:7px}.progress-stamp span,.progress-stamp em{z-index:1;position:relative}.progress-stamp span{font-family:Editorial Serif,Georgia,serif;font-size:27px;line-height:1}.progress-stamp small{color:var(--muted);font-family:Avenir Next,sans-serif;font-size:10px}.progress-stamp em{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:9px;font-style:normal;font-weight:800}.intention-row{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:auto 1fr;align-items:baseline;gap:14px;padding:17px 0;display:grid}.intention-row label{font-family:Editorial Serif,Georgia,serif;font-size:20px;font-style:italic}.intention-row input{width:100%;color:var(--blue);background:0 0;border:0;padding:2px 0;font-family:Editorial Serif,Georgia,serif;font-size:20px}.intention-row input::placeholder{color:#1854d15c}.outcomes-section{padding:58px 0 56px}.section-title{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-title>div{align-items:baseline;gap:14px;display:flex}.section-title span{color:var(--red);letter-spacing:.13em;font-size:10px;font-weight:800}.section-title h2{letter-spacing:-.02em;margin:0;font-family:Editorial Serif,Georgia,serif;font-size:31px;font-weight:400}.section-title>p{max-width:380px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.outcomes-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.outcome-card{border-right:1px solid var(--ink);flex-direction:column;min-width:0;min-height:275px;padding:22px 25px 20px;transition:background .22s;display:flex;position:relative}.outcome-card:last-child{border-right:0}.outcome-card.status-doing{background:#e9e4d4}.outcome-card.status-done{background:#dfe7dd}.outcome-card.status-done textarea{color:#5d6c5d;text-decoration:line-through;text-decoration-thickness:1px}.outcome-topline{justify-content:space-between;align-items:center;display:flex}.outcome-number{color:var(--muted);font-family:Editorial Serif,Georgia,serif;font-size:13px}.status-button{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;padding:5px;font-size:9px;font-weight:800;display:flex}.status-button>span{color:#0000;border:1px solid var(--line);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.status-doing .status-button>span{color:var(--paper);background:var(--red);border-color:var(--red)}.status-done .status-button>span{color:var(--paper);background:var(--green);border-color:var(--green)}.outcome-card textarea{resize:none;width:100%;min-height:115px;color:var(--ink);letter-spacing:-.035em;background:0 0;border:0;margin:34px 0 18px;padding:0;font-family:Editorial Serif,Georgia,serif;font-size:clamp(23px,2.4vw,34px);line-height:1.08;overflow:auto}.outcome-card textarea::placeholder{color:#19191438}.focus-link{width:max-content;color:var(--blue);letter-spacing:.05em;align-items:center;gap:8px;margin-top:auto;padding:5px 0;font-size:11px;font-weight:800;transition:gap .18s;display:flex}.focus-link:hover{gap:13px}.focus-link:disabled{opacity:.25;cursor:default}.lower-grid{border:1px solid var(--ink);grid-template-columns:1.02fr .98fr;display:grid}.focus-panel,.capture-panel{min-height:350px;padding:30px}.focus-panel{color:var(--paper);background:var(--ink)}.capture-panel{border-left:1px solid var(--ink)}.section-title.compact{align-items:center;margin-bottom:28px}.focus-panel .section-title span{color:#ff765b}.focus-panel .section-title h2{color:var(--paper)}.timer-empty{flex-direction:column;justify-content:center;min-height:240px;display:flex}.timer-empty>p{color:#aaa89f;max-width:500px;margin:0 0 28px;font-family:Editorial Serif,Georgia,serif;font-size:22px;line-height:1.35}.length-control{gap:7px;margin-bottom:20px;display:flex}.length-control button{color:#aaa89f;border:1px solid #47473f;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:800}.length-control button.selected{color:var(--ink);background:var(--paper);border-color:var(--paper)}.start-button{width:100%;color:var(--paper);letter-spacing:.05em;border-top:1px solid #47473f;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 0 10px;font-size:12px;font-weight:800;display:flex}.start-button:disabled{opacity:.25;cursor:default}.timer-active{flex-direction:column;min-height:240px;display:flex}.timer-kicker{color:#ff765b;letter-spacing:.14em;text-transform:uppercase;margin:10px 0 9px;font-size:9px;font-weight:800}.timer-active h3{max-width:560px;color:var(--paper);margin:0;font-family:Editorial Serif,Georgia,serif;font-size:clamp(25px,2.8vw,42px);font-weight:400;line-height:1.08}.timer-row{align-items:center;gap:17px;margin-top:auto;display:flex}.timer-row strong{font-variant-numeric:tabular-nums;margin-right:auto;font-family:Editorial Serif,Georgia,serif;font-size:clamp(52px,6vw,85px);font-weight:400;line-height:1}.round-action{width:56px;height:56px;color:var(--ink);background:var(--paper);border-radius:50%;place-items:center;display:grid}.timer-reset{color:#aaa89f;place-items:center;width:40px;height:40px;display:grid}.finish-focus{color:#b9d4c3;border:1px solid #385446;width:100%;margin-top:18px;padding:12px;font-size:11px;font-weight:700}.finish-focus:hover{color:var(--ink);background:#b9d4c3}.capture-form{border-bottom:1px solid var(--ink);grid-template-columns:1fr 45px;height:48px;display:grid}.capture-form input{background:0 0;border:0;min-width:0;padding:0;font-family:Editorial Serif,Georgia,serif;font-size:18px}.capture-form button{place-items:center;display:grid}.inbox-list{max-height:218px;overflow:auto}.empty-inbox{width:100%;min-height:170px;color:var(--muted);justify-content:center;align-items:center;gap:14px;font-family:Editorial Serif,Georgia,serif;font-size:16px;font-style:italic;display:flex}.inbox-item{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr auto 25px;align-items:center;gap:8px;min-height:46px;font-size:12px;display:grid}.inbox-item.done>span{color:var(--muted);text-decoration:line-through}.tiny-check{color:#0000;border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.inbox-item.done .tiny-check{color:var(--paper);background:var(--green);border-color:var(--green)}.promote{color:var(--blue);text-transform:uppercase;padding:4px 7px;font-size:9px;font-weight:800}.remove-item{color:var(--muted);opacity:0;place-items:center;transition:opacity .15s;display:grid}.inbox-item:hover .remove-item,.remove-item:focus-visible{opacity:1}.reflection-section{border-top:1px solid var(--ink);grid-template-columns:250px 1fr;gap:50px;margin-top:54px;padding-top:25px;display:grid}.reflection-section label{font-family:Editorial Serif,Georgia,serif;font-size:19px;line-height:1.25}.reflection-section label span{color:var(--red);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-family:Avenir Next,sans-serif;font-size:9px;font-weight:800;display:block}.reflection-section textarea{resize:vertical;border:0;border-bottom:1px solid var(--line);background:0 0;min-height:90px;padding:0 0 10px;font-family:Editorial Serif,Georgia,serif;font-size:22px;line-height:1.35}.reflection-section textarea::placeholder{color:#19191440}footer{color:var(--paper);background:var(--red);justify-content:space-between;align-items:center;padding:24px 6vw;display:flex}footer span{font-family:Editorial Serif,Georgia,serif;font-size:18px;font-style:italic}footer p{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.onboarding-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#10100dbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.onboarding-card{width:min(760px,100%);color:var(--ink);background:var(--paper);border:1px solid var(--ink);box-shadow:16px 16px 0 var(--red);padding:33px 46px 29px;animation:.48s cubic-bezier(.2,.8,.2,1) both card-in}.onboarding-rule{border-bottom:1px solid var(--ink);letter-spacing:.13em;justify-content:space-between;padding-bottom:13px;font-size:9px;font-weight:800;display:flex}.onboarding-rule em{font-style:normal}.onboarding-kicker{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin:28px 0 10px;font-size:9px;font-weight:800}.onboarding-card h2{letter-spacing:-.055em;margin:0;font-family:Editorial Serif,Georgia,serif;font-size:clamp(48px,8vw,86px);font-weight:400;line-height:.79}.onboarding-card h2 i{color:var(--blue);font-weight:400}.onboarding-copy{color:#67655e;max-width:510px;margin:24px 0;font-family:Editorial Serif,Georgia,serif;font-size:17px;line-height:1.5}.onboarding-intention{align-items:baseline;gap:10px;margin-bottom:24px;font-family:Editorial Serif,Georgia,serif;font-size:16px;font-style:italic;display:flex}.onboarding-intention input{min-width:0;color:var(--blue);border:0;border-bottom:1px solid var(--line);background:0 0;flex:1;padding:4px 0;font-family:inherit;font-size:17px}.onboarding-outcomes{border-top:1px solid var(--ink)}.onboarding-outcomes label{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;align-items:center;min-height:55px;display:grid}.onboarding-outcomes span{color:var(--red);font-size:9px;font-weight:800}.onboarding-outcomes input{background:0 0;border:0;width:100%;padding:8px 0;font-family:Editorial Serif,Georgia,serif;font-size:17px}.shape-day{width:100%;color:var(--paper);background:var(--ink);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 18px;font-size:11px;font-weight:800;transition:background .18s;display:flex}.shape-day:hover{background:var(--blue)}.shape-day:disabled{opacity:.35;cursor:default}.privacy-note{color:var(--muted);text-align:center;margin:13px 0 0;font-size:9px}@keyframes card-in{0%{opacity:0;transform:translateY(25px)rotate(-.5deg)scale(.98)}to{opacity:1;transform:none}}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (width<=860px){.app-shell{border:0;width:100%;min-height:100vh;margin:0}.topbar{grid-template-columns:1fr auto;padding:0 22px}.date-nav{border-top:1px solid var(--line);order:3;grid-column:1/-1;justify-content:center;padding:8px 0 12px}.day-heading{align-items:center}.progress-stamp{width:80px;height:80px;margin:0}.outcomes-grid{grid-template-columns:1fr}.outcome-card{border-right:0;border-bottom:1px solid var(--ink);min-height:220px}.outcome-card:last-child{border-bottom:0}.outcome-card textarea{min-height:80px;margin:24px 0 12px}.lower-grid{grid-template-columns:1fr}.capture-panel{border-top:1px solid var(--ink);border-left:0}}@media (width<=560px){main{padding:32px 20px 45px}.wordmark{font-size:11px}.day-heading{padding-bottom:24px}.day-heading h1{font-size:57px}.day-heading h1 sup{display:none}.progress-stamp{width:68px;height:68px}.progress-stamp span{font-size:21px}.intention-row{grid-template-columns:1fr;gap:4px}.intention-row label,.intention-row input{font-size:17px}.outcomes-section{padding:42px 0}.section-title{align-items:flex-start}.section-title h2{font-size:26px}.section-title>p{display:none}.outcome-card{padding:19px}.outcome-card textarea{font-size:26px}.focus-panel,.capture-panel{min-height:330px;padding:24px 20px}.timer-row strong{font-size:53px}.round-action{width:48px;height:48px}.reflection-section{grid-template-columns:1fr;gap:18px}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px}.onboarding-backdrop{align-items:start;padding:10px}.onboarding-card{box-shadow:7px 7px 0 var(--red);padding:24px 20px}.onboarding-card h2{font-size:55px}.onboarding-copy{margin:20px 0;font-size:15px}.onboarding-intention{flex-direction:column;align-items:stretch;gap:4px}.onboarding-outcomes input{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
