@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./dm-sans-0-CB7WfZ8W.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(./dm-sans-1-DCQhiIS7.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(./dm-sans-2-CYvJJk-g.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(./dm-sans-3-BQ0abr9c.ttf)format("truetype")}:root{--bg:#f5f5f5;--paper:#fff;--ink:#363636;--muted:#818181;--green:#434343;--line:#e9e9e9;--lime:#e6e6e6;--lilac:#ebebeb;--radius:17px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button{background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #9e9e9e}input:focus,select:focus,textarea:focus{outline-offset:2px;outline:2px solid #9e9e9e}h1,h2,h3,p{margin:0}h2{letter-spacing:-.5px;font-size:18px;font-weight:600}h3{letter-spacing:-.25px;font-size:15px;font-weight:600}p{line-height:1.65}svg{stroke-width:1.7px;flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:225px;padding:34px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;margin-left:11px;text-decoration:none;display:flex}.brand img{width:35px;height:35px}.brand>span{letter-spacing:-2px;font-size:38px;font-weight:600;line-height:1}.brand-dot{color:#ababab}.brand-caption{color:#929292;margin:14px 0 43px 12px;font-size:11px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button,.side-link{color:#7c7c7c;text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:13px;transition:background .15s;display:flex}.sidebar nav button:hover,.side-link:hover{background:#f5f5f5}.sidebar nav button.active,.side-link.active{color:#424242;background:#f0f0f0;font-weight:600}.nav-count{background:#e1e1e1;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-lower{margin-top:auto}.sidebar-note{color:#9c9c9c;padding:35px 15px 30px}.sidebar-note p{color:#616161;margin-top:13px;font-size:14px;font-weight:500;line-height:1.55}.sidebar-note>span{margin-top:9px;font-size:11px;display:block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin:19px -20px 0;padding:20px 24px;display:flex}.profile>svg{color:#9e9e9e;margin-left:auto}.avatar{color:#7d7d7d;background:#ededed;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:grid}.profile strong{font-size:12px;font-weight:600;display:block}.profile small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.topbar{border-bottom:1px solid var(--line);background:#fbfbfb;justify-content:space-between;align-items:center;height:77px;padding:0 43px;display:flex}.breadcrumb{color:#999;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#5c5c5c;font-weight:500}.topbar-actions{align-items:center;gap:22px;display:flex}.sample-button{color:#757575;align-items:center;gap:7px;font-size:11px;display:flex}.icon-button{color:#868686;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.notification{position:relative}.notification i{border:1px solid var(--bg);background:#b0b0b0;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:7px}main{max-width:1500px;margin:auto;padding:38px 43px 0}.welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.welcome-description{color:#8d8d8d;margin-top:11px;font-size:12px}.button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 17px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.button.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.button.small{min-height:32px;padding:7px 12px}.text-button{color:#858585;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-heading h2{font-size:16px}.section-heading h2>span{color:#8d8d8d;vertical-align:middle;background:#ececec;border-radius:5px;margin-left:7px;padding:3px 6px;font-size:10px;font-weight:500;display:inline-block}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(295px,1fr);gap:27px;display:grid}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.routine-card{background:#fff;border:1px solid #e8e8e8;border-radius:15px;padding:18px 19px 0;overflow:hidden}.routine-top{align-items:center;gap:10px;display:flex}.routine-icon{color:#7f7f7f;background:#f1f1f1;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.personal .routine-icon{color:#898989;background:#ededed}.status{color:#8e8e8e;white-space:nowrap;background:#f4f4f4;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:500}.more{width:22px;margin-left:auto}.routine-name{text-align:left;padding:14px 0 0}.routine-name h3{font-size:14px;font-weight:550}.routine-middle{align-items:center;gap:24px;margin:17px 0 19px;display:flex}.day-ring{flex-shrink:0;width:89px;height:89px;position:relative}.day-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.day-ring circle{fill:none;stroke-width:3.4px;stroke-linecap:round}.ring-track{stroke:#efefef}.ring-value{stroke:#a7a7a7}.personal .ring-track{stroke:#ededed}.personal .ring-value{stroke:#a9a9a9}.day-ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.day-ring strong{letter-spacing:-1px;font-size:31px;font-weight:500;line-height:1.15}.day-ring span{color:#959595;margin-top:3px;font-size:9px}.routine-timing>span{color:#989898;font-size:9px;display:block}.routine-timing strong{margin:5px 0 9px;font-size:12px;font-weight:500;display:block}.routine-timing small{color:#989898;font-size:9px}.routine-bottom{border-top:1px solid #efefef;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.routine-bottom>span{color:#949494;font-size:9px}.log-button{color:#6a6a6a;white-space:nowrap;align-items:center;gap:4px;padding:5px 0 5px 5px;font-size:10px;font-weight:500;display:flex}.log-button.done{color:#979797}.week-panel{border:1px solid var(--line);background:#f2f2f2;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:20px;display:flex}.week-heading{align-items:center;gap:12px;display:flex}.soft-icon{color:#8e8e8e;background:#e8e8e8;border-radius:9px;padding:10px;display:flex}.week-dots{gap:9px;display:flex}.week-dots>div{color:#939393;flex-direction:column;align-items:center;gap:7px;font-size:8px;display:flex}.week-dots>div>div{background:#eaeaea;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.week-dots .has-log{color:#fff;background:#a0a0a0}.week-dots .is-today{outline-offset:3px;outline:1px solid #aaa}.week-dots>div>div>span{background:#c7c7c7;border-radius:50%;width:3px;height:3px}.currency-tag{color:#d1d1d1;border:1px solid #6e6e6e;border-radius:5px;padding:3px 6px;font-size:9px}.daily-note{color:#a5a5a5;border-top:1px solid #e7e7e7;align-items:flex-start;gap:12px;margin-top:7px;padding-top:17px;font-size:10px;line-height:1.7;display:flex}.daily-note p{color:#919191}.daily-note strong{color:#7b7b7b;font-weight:500}.bottom-grid{grid-template-columns:1fr 1.2fr;gap:24px;margin-top:28px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.muted{color:var(--muted)}.upcoming-row{text-align:left;border-bottom:1px solid #f1f1f1;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.upcoming-row:last-child{border:0}.upcoming-row>span:nth-child(2){flex:1;font-size:11px}.upcoming-row strong{color:#969696;font-size:9px;font-weight:400}.upcoming-row>svg{color:#ababab}.mini-icon{color:#949494;background:#f2f2f2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mini-icon.lilac{color:#9f9f9f;background:#eee}.dot-separator{padding:0 3px}.quiet-empty{color:#b9b9b9;align-items:center;gap:18px;padding:24px 4px;display:flex}.quiet-empty p{color:#939393;font-size:11px}.quiet-empty button{margin-top:5px}.page-footer{color:#aaa;justify-content:space-between;align-items:center;padding:30px 0 24px;font-size:9px;display:flex}.page-footer span:first-child{align-items:center;gap:8px;display:flex}.page-footer img{opacity:.35;width:17px;height:17px}.filter-row{justify-content:space-between;align-items:center;gap:16px;margin:5px 0 25px;display:flex}.tabs{background:#eee;border-radius:9px;gap:4px;padding:4px;display:flex}.tabs button{color:#8c8c8c;white-space:nowrap;border-radius:6px;padding:9px 13px;font-size:11px}.tabs button.selected{color:#646464;background:#fff;box-shadow:0 1px 4px #38383810}.tabs span{background:#ececec;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px}.search{color:#a5a5a5;background:#fff;border:1px solid #e7e7e7;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex;margin:0!important}.search input{width:160px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;margin:0!important;padding:0!important;font-size:11px!important}.search:focus-within{outline:2px solid #9e9e9e}.suggestion{color:#adadad;border:1px dashed #ddd;border-radius:12px;align-items:center;gap:18px;margin-top:25px;padding:25px;display:flex}.suggestion>div{flex:1}.suggestion h3{color:#818181;font-size:12px}.suggestion p{color:#a5a5a5;margin-top:5px;font-size:11px}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.category-panel{padding:23px}.history-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;padding:18px 0;display:flex}.history-row>div{flex:1}.history-row strong{font-size:13px;font-weight:500}.history-row small{color:#9d9d9d;margin-top:5px;font-size:11px;display:block}.history-row>.muted{font-size:11px}.empty-state{text-align:center;padding:40px 20px}.empty-state>span{color:#979797;background:#f1f1f1;border-radius:50%;margin-bottom:18px;padding:14px;display:inline-flex}.empty-state h3{font-size:16px;font-weight:500}.empty-state p{color:#969696;max-width:310px;margin:10px auto 20px;font-size:12px}.settings-layout{grid-template-columns:1.6fr 1fr;gap:25px;display:grid}.info-panel{color:#a1a1a1;margin-bottom:22px;padding:27px}.info-panel h3{color:#777;margin:15px 0 12px;font-size:16px}.info-panel p{margin-bottom:15px;font-size:12px;line-height:1.85}.info-panel a{color:#7c7c7c;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:inline-flex}.connected-accounts{padding:10px 0}.connected-accounts>div{align-items:center;gap:10px;padding:12px 0;font-size:12px;display:flex}.connected-accounts span{color:var(--muted);margin-left:auto}.settings-panel{margin-bottom:23px;padding:28px}.settings-panel h2{margin-bottom:23px}.settings-panel>p{color:#959595;margin-bottom:20px;font-size:12px}.about-links{color:#959595;gap:20px;font-size:11px;display:flex}.about-links a{align-items:center;gap:4px;display:flex}.signout{margin-top:25px}.notice,.demo-banner{color:#797979;background:#f0f0f0;border:1px solid #e3e3e3;border-radius:9px;align-items:center;gap:10px;margin-bottom:25px;padding:12px 15px;font-size:11px;display:flex}.notice>span,.demo-banner>span{flex:1}.demo-banner{color:gray;background:#e9e9e9;border-color:#d8d8d8}.demo-banner button{white-space:nowrap;color:#6c6c6c;align-items:center;gap:7px;font-size:11px;display:flex}.notice.error,.form-error{color:#6a6a6a;background:#f3f3f3;border-radius:8px;padding:12px;font-size:12px}.form-error{margin-bottom:15px}.toast{color:#fff;z-index:100;background:#434343;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px);padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:25px;left:calc(50% + 110px);transform:translate(-50%);box-shadow:0 6px 35px #31313125}.toast>svg{color:#dcdcdc}.toast button{color:#e0e0e0;white-space:nowrap;font-size:12px}.toast .icon-button{color:#c1c1c1;width:24px;height:24px}.hidden{display:none!important}dialog{width:min(520px,100% - 32px);max-height:90dvh;color:var(--ink);background:#fff;border:1px solid #e2e2e2;border-radius:18px;padding:0;box-shadow:0 30px 90px #36363630}.dialog-inner>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.dialog-inner>.muted{margin-bottom:20px;font-size:12px}.dialog-inner>form>.muted{margin-bottom:22px;font-size:12px}form label{color:#7b7b7b;margin-bottom:19px;font-size:11px;font-weight:500;display:block}form input,form select,form textarea{color:#525252;background:#fbfbfb;border:1px solid #e2e2e2;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:13px;display:block}form textarea{resize:vertical;min-height:90px}form input[readonly]{color:#a4a4a4;background:#f2f2f2}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-hint{color:#a1a1a1;margin-bottom:25px;font-size:11px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.checkbox-label input{accent-color:#6d6d6d;width:auto;margin:0;display:inline-block}.full{width:100%}.detail-summary{align-items:center;gap:15px;margin-bottom:22px;display:flex}.detail-summary>div{flex:1}.detail-summary strong{font-size:13px;font-weight:500}.detail-summary p{color:#a6a6a6;margin-top:4px;font-size:11px}.history-heading{margin:25px 0 12px}.detail-history{max-height:260px;margin-bottom:25px;overflow:auto}.detail-history button{text-align:left;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;width:100%;padding:13px 0;display:flex}.detail-history strong{font-size:12px;font-weight:500}.detail-history small{color:#a2a2a2;margin-top:4px;font-size:10px;display:block}.detail-history>p{font-size:12px;line-height:1.8}.detail-history svg{color:#a8a8a8}.danger-text{color:gray}.upload-zone{color:#919191;background:#f9f9f9;border:1px dashed #c5c5c5;border-radius:12px;flex-direction:column;align-items:center;gap:13px;width:100%;margin:22px 0 16px;padding:28px;display:flex}.upload-zone strong{font-size:14px;font-weight:500}.upload-zone span{color:#a9a9a9;font-size:10px}.import-preview{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.import-preview>p{margin-top:8px}.import-row{border-bottom:1px solid #f1f1f1;justify-content:space-between;gap:12px;padding:12px 0;font-size:10px;display:flex}.import-row strong{white-space:nowrap;font-weight:500}.import-preview .button{margin-top:20px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.callback{text-align:center;max-width:650px;margin:auto;padding:90px 25px}.callback h1{letter-spacing:-1px;margin:30px 0 15px;font-size:32px;font-weight:500}.callback p{color:#949494;margin-bottom:25px}.legal-page{max-width:720px;margin:auto;padding:70px 25px}.legal-page h1{margin:20px 0}.legal-page h2{margin:28px 0 12px}.legal-page p{color:gray;margin:12px 0}.legal-page a{color:#616161}@media (width>=1550px){main{padding:48px 55px 0}.routine-card{padding:23px 25px 0}.routine-name h3{font-size:16px}.routine-middle{gap:30px}.day-ring{width:100px;height:100px}.routine-bottom{padding:16px 0}.week-panel{padding:25px}.routine-timing strong{font-size:14px}}@media (width<=1200px){.sidebar{width:195px;padding-left:14px;padding-right:14px}.workspace{width:calc(100% - 195px);margin-left:195px}.profile{margin-left:-14px;margin-right:-14px;padding:20px}.topbar{padding:0 28px}main{padding:30px 28px 0}.overview-grid{grid-template-columns:1.5fr 1fr;gap:20px}.routine-card{padding:15px 14px 0}.routine-middle{gap:14px}.day-ring{width:77px;height:77px}.routine-bottom{flex-wrap:wrap;gap:5px}.week-panel{flex-wrap:wrap;justify-content:center;gap:18px}.week-heading{margin-right:auto}.week-dots{gap:12px}.toast{left:calc(50% + 90px)}}@media (width<=1000px){.overview-grid{grid-template-columns:1fr}.daily-note{align-self:start;margin:0}.week-panel{flex-wrap:nowrap}.bottom-grid{grid-template-columns:1fr}.routine-middle{gap:24px}.routine-bottom{flex-wrap:nowrap}.settings-layout{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.welcome h1{font-size:31px}.toast{max-width:calc(100% - 245px)}}@media (width<=720px){.sidebar{background:#fff;border-top:1px solid #e3e3e3;border-right:0;flex-direction:row;width:100%;height:66px;padding:0 4px;inset:auto 0 0;box-shadow:0 -4px 20px #3d3d3d08}.sidebar .brand,.brand-caption,.sidebar-lower{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.sidebar nav button{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:9px 6px;font-size:9px}.sidebar nav button.active{background:#f2f2f2}.nav-count{display:none}.workspace{width:100%;margin-left:0;padding-bottom:66px}.topbar{height:62px;padding:0 22px}.breadcrumb{gap:6px;font-size:10px}.breadcrumb:before{content:"";background:url(../favicon.svg) 50%/contain;width:24px;height:24px;margin-right:6px;display:block}.topbar-actions{gap:9px}.sample-button{gap:4px;font-size:10px}.notification{display:none}main{padding:28px 20px 0}.welcome{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:27px}.welcome h1{letter-spacing:-1.2px;font-size:30px}.welcome p{font-size:10px}.welcome-description{margin-top:8px;font-size:11px;line-height:1.6}.welcome>.button{min-height:35px;padding:9px 12px}.overview-grid{gap:24px}.routine-grid{gap:12px}.routine-card{padding:14px 13px 0}.routine-top{gap:5px}.routine-icon{border-radius:8px;width:30px;height:30px}.routine-icon svg{width:18px;height:18px}.status{padding:3px 5px;font-size:8px}.more{width:18px}.routine-name h3{min-height:36px;font-size:12px;line-height:1.5}.routine-middle{flex-direction:column;align-items:flex-start;gap:14px;margin:10px 0 15px}.day-ring{align-self:center;width:84px;height:84px}.routine-timing{flex-wrap:wrap;justify-content:space-between;gap:3px;width:100%;display:flex}.routine-timing>span{font-size:8px;line-height:1.5}.routine-timing strong{margin:0;font-size:9px}.routine-timing small{text-align:right;width:100%;margin-top:3px;font-size:8px}.routine-bottom{flex-direction:column;gap:7px;padding:11px 0}.routine-bottom>span{font-size:8px}.log-button{padding:5px 2px;font-size:10px}.week-panel{flex-wrap:wrap;justify-content:flex-start;gap:20px;padding:18px}.week-heading h3{font-size:12px}.week-heading p{font-size:9px}.week-dots{justify-content:space-between;gap:12px;width:100%}.week-dots>div>div{width:27px;height:27px}.week-dots>div{font-size:9px}.daily-note{padding:16px 0 0;font-size:11px}.bottom-grid{gap:18px;margin-top:23px}.panel{padding:19px}.section-heading h2{font-size:15px}.upcoming-row>span:nth-child(2){font-size:11px}.upcoming-row strong{font-size:9px}.page-footer{padding-bottom:25px;font-size:9px}.page-footer>span:last-child{cursor:pointer}.tabs{justify-content:space-between;width:100%}.tabs button{padding:8px 9px;font-size:10px}.search{width:100%}.search input{flex:1;min-width:0;width:100%!important}.suggestion{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:20px}.suggestion .button{margin-left:36px}.suggestion p{font-size:10px}.history-panel .section-heading{flex-wrap:wrap;gap:15px}.history-row{flex-wrap:wrap;gap:10px}.history-row strong{font-size:12px}.history-row>.muted{font-size:9px}.history-row small{font-size:10px}.form-grid{gap:13px}.settings-panel{padding:23px}.toast{gap:8px;max-width:calc(100% - 24px);padding:11px 12px;font-size:11px;bottom:81px;left:50%}.toast>span{max-width:250px}.demo-banner,.notice{flex-wrap:wrap;gap:9px;padding:11px;font-size:10px}.demo-banner>span{flex-basis:calc(100% - 40px)}.demo-banner button{margin-left:25px}.dialog-inner{padding:23px}.dialog-inner>header h2{font-size:21px}.button{font-size:11px}.row-actions{gap:8px}.small-text{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.footer-links{align-items:center;gap:16px;display:flex}.footer-links button{color:#929292;padding:4px;font-size:10px}.footer-links button:hover{color:var(--green)}:root{--muted:#737373}.brand-caption,.breadcrumb,.welcome p,.welcome-description,.profile small{color:#787878}.routine-timing>span,.routine-timing small,.routine-bottom>span,.day-ring span,.week-heading p,.page-footer,.form-hint,.settings-panel>p,.info-panel p,.empty-state p,.quiet-empty p{color:#797979}.routine-timing>span,.routine-timing small,.routine-bottom>span,.day-ring span{font-size:10px}.status{color:#6a6a6a;font-size:10px}.status.amber{color:#6d6d6d}.routine-bottom>span{font-size:10px}.log-button{min-height:30px;font-size:11px}.week-heading p{font-size:10px}.text-button{color:#6f6f6f;font-size:12px}.routine-name h3{font-size:15px}.quick-settings{display:none}.settings-panel>.danger-text{margin-top:16px;display:flex}.info-panel,.daily-note p,.daily-note strong,.upcoming-row strong{color:#777}.small-text{font-size:11px}.checkbox-label{align-items:center;gap:9px;display:flex}.checkbox-label input{width:16px;height:16px;margin:0}.toast span{line-height:1.6}@media (width<=1200px) and (width>=1001px){.routine-bottom{flex-direction:column;align-items:flex-start;gap:1px}.routine-name h3{font-size:13px}.routine-middle{gap:10px}.routine-timing strong{font-size:11px}}@media (width<=720px){.quick-settings{width:25px;height:30px;display:inline-flex}.topbar-actions{gap:5px}.topbar{padding:0 16px}.breadcrumb{font-size:9px}.breadcrumb>strong{text-overflow:ellipsis;max-width:60px;overflow:hidden}.sample-button{font-size:9px}.sample-button svg{display:none}.routine-name h3{font-size:12px}.status{font-size:8px}.routine-timing>span,.routine-timing small,.routine-bottom>span{font-size:9px}.day-ring span{font-size:10px}.routine-bottom{gap:4px}.log-button{font-size:11px}.week-heading p{font-size:10px}.welcome-description{font-size:12px}.small-text,.upcoming-row strong{font-size:10px}.text-button{font-size:11px}}:root{--bg:#f4f4f2;--paper:#fff;--ink:#161616;--muted:#6b6b69;--green:#171717;--line:#e5e5e1;--lime:#ff6b2b;--lilac:#f0f0ed;--accent:#ff6b2b;--radius:24px}body{font-size:14px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline-color:var(--accent)}svg{stroke-width:1.8px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h2,h3{font-weight:600}.sidebar{background:var(--paper);border:0;width:210px;padding:38px 18px 0}.brand{gap:8px;margin-left:12px}.brand img{display:none}.brand>span{letter-spacing:-3.5px;font-size:51px;font-weight:700}.brand-dot,.heading-dot{color:var(--accent)}.brand-caption{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;margin:13px 0 46px 15px;font-size:11px}.sidebar nav{gap:10px}.sidebar nav button{color:#747471;border-radius:15px;padding:16px;font-size:13px}.sidebar nav button.active,.side-link.active{color:#fff;background:#171717}.sidebar nav button.active svg{color:var(--accent)}.sidebar nav button:hover:not(.active),.side-link:hover:not(.active){background:#f2f2ef}.nav-count{color:#fff;background:#444;border-radius:6px;padding:2px 7px}.sidebar nav button:not(.active) .nav-count{color:#666;background:#f0f0ed}.side-link{min-height:48px;color:var(--muted)}.profile{margin:20px -18px 0;padding:20px}.avatar{background:var(--ink);color:#fff}.workspace{width:calc(100% - 210px);margin-left:210px}.topbar{background:0 0;border:0;height:86px;padding:0 48px}.breadcrumb{color:#797976;letter-spacing:1.6px;font-size:10px;font-weight:600}.breadcrumb span{color:var(--accent);font-size:16px}.mobile-brand{display:none}.topbar-actions{gap:14px}.sample-button{color:#666660;border:1px solid #d9d9d4;border-radius:24px;min-height:40px;padding:0 13px;font-size:11px}.icon-button{width:44px;height:44px;color:var(--ink);border-radius:50%}.icon-button:hover{background:#e9e9e5}.notification i{background:var(--accent);width:6px;height:6px;top:9px;right:10px}main{max-width:1330px;padding:15px 48px 0}.welcome{flex-wrap:nowrap;gap:16px;margin-bottom:32px}.welcome p{color:var(--muted);margin-bottom:8px;font-size:12px}.welcome h1{letter-spacing:-2.7px;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.05}.add-round{background:var(--accent);color:#171717;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;transition:transform .15s;display:grid}.add-round:hover{transform:rotate(90deg)}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);grid-template-areas:"routines money""routines week";align-items:start;gap:22px 30px;display:grid}.routine-section{grid-area:routines;min-width:0}.week-panel{grid-area:week}.section-heading{min-height:30px;margin-bottom:15px}.section-heading h2{letter-spacing:-.6px;font-size:19px}.section-heading h2>span{color:#666;background:#ebebe7}.text-button{color:#72726d;min-height:44px;font-size:11px}.text-button:hover{color:#161616}.routine-grid{gap:14px}.routine-card{background:#fff;border:0;border-radius:24px;min-width:0;padding:15px 20px 14px;position:relative;box-shadow:0 2px 4px #00000002}.routine-top{justify-content:space-between;gap:8px;height:32px}.routine-icon{color:var(--ink);background:0 0;border-radius:0;justify-content:flex-start;width:30px;height:32px}.more{color:#9b9b96;width:44px;height:44px;margin-right:-10px}.routine-name{width:100%;min-height:48px;padding:11px 0 0}.routine-name h3{overflow-wrap:anywhere;letter-spacing:-.4px;min-height:0;font-size:16px;font-weight:500;line-height:1.25}.routine-middle{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 10px;display:flex}.elapsed{align-items:baseline;gap:8px;min-width:0;display:flex}.elapsed strong{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:56px;font-weight:500;line-height:1}.elapsed.medium-count strong{font-size:40px}.elapsed.long-count strong{font-size:31px}.elapsed span{color:#767671;max-width:25px;font-size:10px;line-height:1.2}.mini-dial{flex-shrink:0;width:44px;height:44px;transform:rotate(-90deg)}.mini-dial circle{fill:none;stroke-width:3.5px;stroke-linecap:round}.ring-track,.personal .ring-track{stroke:#efefeb}.ring-value,.personal .ring-value{stroke:var(--accent)}.is-done .ring-value{stroke:var(--ink)}.routine-bottom{border:0;flex-flow:row;justify-content:space-between;gap:5px;padding:4px 0 0}.routine-bottom>.due-label{color:#767670;font-size:10px;font-weight:500}.routine-bottom>.due-label.due{color:#ab3b0e}.due-label.due:before{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.log-button{background:var(--accent);color:#171717;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;min-height:44px;padding:0;transition:background .15s,transform .15s;display:grid}.log-button:hover{background:#ff824b;transform:scale(1.04)}.log-button.done{color:#fff;background:#171717}.week-panel{background:#eaeae5;border:0;border-radius:24px;flex-direction:column;align-items:stretch;gap:18px;margin:0;padding:22px}.week-heading{gap:10px;width:100%}.soft-icon{color:var(--ink);background:#dcdcd5;border-radius:12px;padding:9px}.week-heading h3{font-size:14px}.week-heading p{color:#73736b;margin-top:2px;font-size:11px}.week-dots{justify-content:space-between;gap:9px;width:100%}.week-dots>div{color:#77776f;gap:8px;font-size:10px}.week-dots>div>div{background:#dcdcd6;width:30px;height:30px}.week-dots .has-log{background:var(--ink);color:#fff}.week-dots .is-today{outline:1px solid var(--accent);outline-offset:3px}.week-dots>div>div>span{background:#b4b4ab}.recent-panel{margin-top:28px}.panel{border:0;border-radius:24px;padding:24px}.mini-icon,.mini-icon.lilac{color:var(--ink);background:#f1f1ed;border-radius:13px}.add-routine-tile{color:#55554e;border:1px dashed #ccc;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:78px;margin-top:16px;font-weight:500;display:flex}.add-routine-tile span{color:#929289;font-size:11px;font-weight:400}.filter-row{gap:14px;margin-bottom:22px}.tabs{background:#e9e9e3;border-radius:14px;padding:4px}.tabs button{color:#73736a;border-radius:11px;min-height:40px;padding:8px 14px;font-size:11px}.tabs button.selected{color:#fff;background:#171717}.tabs button span{background:var(--accent);color:#171717}.search{background:#fff;border:0;border-radius:14px;min-height:44px}.search input{color:#171717;font-size:12px}.search input::placeholder{color:#929289}.button{border-radius:13px;min-height:44px;padding:11px 17px;font-size:12px}.button.primary{color:#fff;background:#171717;border-color:#171717}.button.primary:hover{background:#333}.button.secondary{color:#292925;background:#f5f5f1;border:1px solid #e0e0d9}.button.secondary:hover{background:#eaeae4}.button.small{min-height:40px}.button.danger{color:#9c351b;background:#fff0e9}.danger-text,.form-error{color:#a23512}.status{color:#64645c;background:#f1f1ec;border-radius:7px}.status.amber{color:#a0431e;background:#fff0e7}.info-panel{background:#eaeae5}.info-panel,.info-panel a,.info-panel p{color:#6b6b62}.demo-banner{color:#6b6b62;background:#e9e9e3;border:0;border-radius:12px;flex-wrap:nowrap;gap:9px;min-height:38px;margin-bottom:22px;padding:7px 12px;font-size:11px}.demo-banner>span{flex:1}.demo-banner>svg{color:#8b8b80;width:14px}.demo-banner button{color:#53534c;gap:5px;min-height:32px;margin:0;font-size:11px}.notice{background:#fff;border:0;border-radius:15px;font-size:12px}.page-footer{color:#919187;border:0;padding:30px 0}.page-footer img{display:none}.footer-links button{color:#73736a;min-height:44px}.toast{background:#171717;border-radius:18px;box-shadow:0 8px 30px #0002}dialog{border:0;border-radius:28px;box-shadow:0 30px 90px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0005}.dialog-inner{padding:28px}.dialog-inner>header h2{letter-spacing:-.8px;font-size:25px;font-weight:600}form label{color:#66665e;font-size:12px}form input,form select,form textarea{color:#171717;background:#f7f7f3;border-color:#e6e6dd;border-radius:12px;min-height:48px}form input::placeholder,form textarea::placeholder{color:#96968d}.checkbox-label input{min-height:0;accent-color:var(--accent)}.icon-picker button.selected{color:var(--accent);background:#171717;border-color:#171717}.detail-summary .routine-icon{color:var(--ink)}.detail-history button{min-height:56px}.day-ring strong{color:var(--ink)}.upload-zone{color:var(--ink);background:#f6f6f1;border-color:#bdbdb4}.upload-zone span{color:#79796f}@media (width>=721px){.view-routines main>.routine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-routines .routine-card{padding:20px 23px}}@media (width>=1500px){main{padding-top:25px}.routine-card{padding:18px 25px}.routine-name{padding-top:13px}.routine-middle{margin:18px 0}}@media (width<=1100px) and (width>=721px){.sidebar{width:180px}.workspace{width:calc(100% - 180px);margin-left:180px}main{padding:15px 26px 0}.topbar{padding:0 26px}.overview-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:20px}.routine-card{padding:13px 15px}.routine-name h3{min-height:35px;font-size:14px}.elapsed strong{font-size:44px}.mini-dial{width:33px;height:33px}.elapsed{gap:5px}.week-panel{padding:20px}.view-routines main>.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sidebar{inset:auto 16px max(14px, env(safe-area-inset-bottom)) 16px;background:#171717;border:0;border-radius:26px;width:auto;height:70px;padding:6px;box-shadow:0 8px 30px #0003}.sidebar nav{align-items:stretch;gap:3px}.sidebar nav button{color:#a6a69f;border-radius:20px;gap:5px;min-height:56px;padding:8px 4px;font-size:9px}.sidebar nav button svg{width:21px;height:21px}.sidebar nav button.active{color:#fff;background:#30302d}.sidebar nav button.active svg{color:var(--accent)}.sidebar nav button:hover:not(.active){background:#242422}.workspace{width:100%;padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:0}.topbar{height:77px;padding:9px 22px 0}.mobile-brand{letter-spacing:-2.5px;padding:0 3px 8px 0;font-size:38px;font-weight:700;line-height:1;display:block}.mobile-brand span{color:var(--accent)}.breadcrumb{display:none}.topbar-actions{gap:8px}.sample-button{background:0 0;min-height:36px;padding:0 12px;font-size:10px}.quick-settings{color:#33332e;width:40px;height:44px}.quick-settings[aria-label=Open\ settings]{display:inline-flex}.quick-settings svg{width:20px;height:20px}main{padding:16px 20px 0}.welcome{align-items:center;gap:12px;margin-bottom:25px}.welcome p{margin-bottom:8px;font-size:11px}.welcome h1{letter-spacing:-2px;font-size:39px;font-weight:600}.add-round{width:48px;height:48px}.overview-grid{flex-direction:column;gap:25px;display:flex}.routine-section{width:100%}.section-heading{min-height:28px;margin-bottom:12px}.section-heading h2{font-size:18px}.text-button{gap:4px;min-height:36px;font-size:10px}.routine-grid{gap:12px}.routine-card{border-radius:23px;padding:12px 16px 13px}.routine-icon svg{width:22px;height:22px}.routine-name{min-height:43px;padding:9px 0 0}.routine-name h3{letter-spacing:-.3px;min-height:34px;font-size:14px;line-height:1.2}.routine-middle{gap:5px;margin:8px 0}.elapsed{gap:6px}.elapsed strong{letter-spacing:-2.5px;font-size:47px}.elapsed span{font-size:9px}.mini-dial{width:31px;height:31px}.mini-dial circle{stroke-width:4px}.routine-bottom{padding-top:0}.routine-bottom>.due-label{font-size:9px}.due-label.due:before{width:4px;height:4px;margin-right:4px}.log-button{width:44px;height:44px;min-height:44px}.log-button svg{width:20px;height:20px}.week-panel{border-radius:23px;gap:20px;width:100%;padding:20px}.week-heading{margin:0}.week-heading h3{font-size:13px}.week-heading p{font-size:10px}.week-dots>div>div{width:30px;height:30px}.recent-panel{margin-top:25px}.panel{border-radius:24px;padding:20px}.add-routine-tile{flex-wrap:wrap;gap:7px;min-height:72px;padding:20px;font-size:13px}.add-routine-tile span{width:100%;font-size:11px}.filter-row{gap:12px}.tabs button{padding:8px 10px;font-size:10px}.tabs,.search{width:100%}.search input{font-size:16px}.row-actions{gap:10px}.row-actions .button{font-size:11px}.view-spending .filter-row .row-actions{width:100%}.view-spending .filter-row .row-actions>button{flex:1}.category-panel .section-heading .small-text{display:none}.demo-banner{min-height:34px;margin-bottom:17px;padding:4px 10px;font-size:10px}.demo-banner>span{flex-basis:auto}.demo-banner button{margin:0;font-size:10px}.notice{flex-wrap:nowrap;gap:9px;padding:10px 12px;font-size:11px}.notice>span{flex:1}.notice .button{padding:8px 10px;font-size:10px}.page-footer{padding:22px 5px;font-size:10px}.page-footer>span:first-child{display:none}.footer-links{justify-content:center;width:100%}.toast{bottom:calc(100px + env(safe-area-inset-bottom));border-radius:16px;max-width:calc(100% - 24px);padding:12px 15px;font-size:12px;left:50%}.toast .icon-button{min-width:36px;min-height:36px}dialog{border-radius:28px 28px 0 0;width:100%;max-width:none;max-height:90dvh;margin:auto 0 0}.dialog-inner{padding:28px 23px calc(24px + env(safe-area-inset-bottom))}.dialog-inner:before{content:"";background:#deded8;border-radius:4px;width:35px;height:4px;margin:-15px auto 20px;display:block}.dialog-inner>header{margin-bottom:20px}.dialog-inner>header h2{font-size:25px}.dialog-actions .button{flex:1;min-height:48px}form input,form select,form textarea{font-size:16px}form label{font-size:12px}.form-grid{gap:12px}}@media (width<=355px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:17px;padding-right:14px}.welcome h1{font-size:34px}.routine-card{padding-left:12px;padding-right:12px}.elapsed strong{font-size:40px}.mini-dial{width:27px;height:27px}.routine-bottom>.due-label{font-size:8px}.tabs button{padding-left:7px;padding-right:7px}}.detail-history small,.detail-summary p,.settings-panel small,.form-hint{color:#74746b}.overview-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"routines""week";gap:24px}@media (width>=1101px){.overview-grid .routine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-grid .week-panel{flex-direction:row;align-items:center;gap:48px}.overview-grid .week-heading{flex-shrink:0;width:200px}}@media (width>=721px) and (width<=1100px){.overview-grid .routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.storage-status{color:#73736a;justify-content:space-between;align-items:center;gap:8px;margin:-12px 0 24px;font-size:10px;display:flex}.storage-status span{align-items:center;gap:6px;display:flex}.storage-status i{background:#ff6b2b;border-radius:50%;width:5px;height:5px}.storage-status button{color:#555;min-height:36px;font-size:10px}.sync-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sync-heading h2{margin-bottom:4px}.sync-heading p{margin:0;font-size:11px}.sync-panel .button{margin:8px 8px 0 0}.sync-panel form{margin-top:20px}.sync-conflict{border:1px solid #ff6b2b;border-radius:16px;margin-top:20px;padding:16px}.sync-conflict h3{font-size:16px}.install-note{font-size:11px!important}.notice.error{align-items:center}.notice.error>span{flex:1}button:disabled{opacity:.55;cursor:wait}.history-panel .empty-search{color:#73736a;text-align:center;padding:30px 0}.welcome h1{overflow-wrap:anywhere}@media (width<=720px){.storage-status{margin:-10px 0 18px}.sync-heading h2{font-size:18px}.settings-panel>form{margin-top:16px}}.app-shell{display:block}.app-shell .workspace{width:100%;margin:0}.app-header,.app-shell main{max-width:940px;margin:0 auto}.app-header{justify-content:space-between;align-items:center;min-height:100px;padding:24px 28px;display:flex}.simple-brand{letter-spacing:-2.5px;font-size:38px;font-weight:700;line-height:1}.header-actions{align-items:center;gap:8px;display:flex}.header-actions .add-round{width:44px;height:44px}.header-actions .selected{background:#e8e8e3}.app-shell main{padding:12px 28px calc(120px + env(safe-area-inset-bottom))}.screen-title{letter-spacing:-1px;margin-bottom:24px;font-size:26px;font-weight:600}.bottom-nav{bottom:calc(20px + env(safe-area-inset-bottom));z-index:20;background:#171717;border-radius:32px;gap:4px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0002}.bottom-nav button{color:#a8a8a2;border-radius:26px;place-items:center;width:66px;height:48px;display:grid}.bottom-nav button:focus-visible{outline-offset:2px}.app-shell .routine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.app-shell .routine-card{border-radius:24px;min-width:0;padding:0;overflow:hidden}.routine-summary{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:206px;padding:20px;display:flex}.routine-summary>svg{margin-bottom:12px}.routine-summary h2{letter-spacing:-.35px;overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.25}.routine-summary .elapsed{flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:auto;padding-top:17px;padding-right:50px}.routine-summary .elapsed strong{letter-spacing:-2.5px;font-size:48px;line-height:1}.routine-summary .elapsed span{max-width:none;font-size:11px}.routine-summary .elapsed.medium-count strong{font-size:36px}.routine-summary .elapsed.long-count strong{font-size:28px}.app-shell .routine-card>.log-button{width:44px;height:44px;position:absolute;bottom:20px;right:16px}.routine-summary:focus-visible{outline-offset:-5px;border-radius:24px}.routine-search{margin-bottom:20px}.history-panel .section-heading{justify-content:stretch}.history-panel .search{flex:1}.settings-layout{gap:18px}.settings-panel>.button{margin:6px 6px 0 0}.about-details summary{cursor:pointer;min-height:24px;font-weight:500}.about-details .about-links,.about-details .install-note{margin-top:12px}.app-shell .toast{bottom:calc(94px + env(safe-area-inset-bottom))}@media (width<=720px){.app-header{min-height:92px;padding:24px 20px 18px}.simple-brand{font-size:34px}.app-shell main{padding:8px 20px calc(110px + env(safe-area-inset-bottom))}.app-shell .routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.routine-summary{min-height:178px;padding:16px}.routine-summary>svg{width:21px;height:21px;margin-bottom:10px}.routine-summary h2{min-height:35px;font-size:14px}.routine-summary .elapsed{padding-top:14px;padding-right:35px}.routine-summary .elapsed strong{font-size:42px}.routine-summary .elapsed span{font-size:10px}.routine-summary .elapsed.medium-count strong{font-size:32px}.routine-summary .elapsed.long-count strong{font-size:25px}.app-shell .routine-card>.log-button{bottom:15px;right:12px}.settings-layout{display:block}.settings-panel{margin-bottom:16px}}@media (width<=355px){.app-header{padding-left:16px;padding-right:12px}.app-shell main{padding-left:14px;padding-right:14px}.routine-summary{padding:14px 12px}.routine-summary .elapsed{flex-direction:column;gap:2px}.routine-summary .elapsed strong{font-size:39px}.routine-summary .elapsed.medium-count strong{font-size:30px}}:root{--bg:#f2eee5;--paper:#fbf9f3;--ink:#292b26;--muted:#767467;--line:#dfdacd;--accent:#c85237;--lime:#c85237;--green:#292b26;--lilac:#eee9dd;--editorial:"Yu Mincho", "Hiragino Mincho ProN", Baskerville, Georgia, serif}body{background-color:var(--bg);color:var(--ink);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%20viewBox='0%200%20180%20180'%3e%3cfilter%20id='paper'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.82'%20numOctaves='3'%20stitchTiles='stitch'%20seed='12'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23paper)'%20opacity='0.045'/%3e%3c/svg%3e")}.simple-brand{font-family:var(--editorial);letter-spacing:-1.9px;font-weight:600}.simple-brand>span{color:var(--accent)}.app-shell .routine-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 4px #34342503}.routine-summary:focus-visible{border-radius:18px}.routine-summary>svg{stroke-width:1.5px}.routine-summary .elapsed strong{font-family:var(--editorial);letter-spacing:-2px;font-weight:400}.routine-summary .elapsed span{color:var(--muted)}.header-actions .add-round,.app-shell .routine-card>.log-button{background:var(--accent);color:#fffaf1;box-shadow:inset 0 0 0 1px #7d261514}.header-actions .add-round:hover,.app-shell .routine-card>.log-button:hover{background:#b9472f}.app-shell .routine-card>.log-button.done{background:var(--ink)}.header-actions .add-round:hover{transform:none}.header-actions .icon-button{color:var(--ink)}.header-actions .icon-button:hover,.header-actions .selected{background:#e7e1d5}.bottom-nav{background:var(--ink);box-shadow:0 4px 14px #292b2618}.bottom-nav button{color:#bcbbae}.bottom-nav button.active{color:#f39876;background:#3d3f35}.panel,.search,dialog,.notice{background:var(--paper)}.screen-title,.dialog-inner>header h2{font-weight:500}form input,form select,form textarea{border-color:var(--line);color:var(--ink);background-color:#f4f0e7}.button.primary{background:var(--ink);border-color:var(--ink)}.button.secondary{border-color:var(--line);color:var(--ink);background:#eee9dd}.mini-icon,.mini-icon.lilac{color:var(--ink);background:#eee9dd}.history-row{border-color:var(--line)}.toast{background:var(--ink);box-shadow:0 4px 18px #292b261f}.toast>svg,.toast button{color:#f39876}.demo-banner{color:var(--ink);background:#e8e2d5}.about-links,.install-note{color:var(--muted)}@media (prefers-reduced-motion:reduce){.log-button,.add-round{transition:none}}.routine-summary>.ink-icon{width:27px;height:27px;margin-bottom:5px}.icon-picker{border:0;min-width:0;margin:0 0 22px;padding:0}.icon-picker legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:500}.icon-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.icon-choices button{border:1px solid var(--line);background:var(--paper);min-width:44px;min-height:48px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.icon-choices button:hover{background:#eee9dd}.icon-choices button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#c852370b}.routine-card.is-due .elapsed strong{color:var(--accent)}.routine-card.is-due .elapsed strong:after{content:"";opacity:.75;background:currentColor;width:8px;height:2px;margin-top:2px;display:block}.app-shell .routine-card>.log-button{overflow:visible}.log-button.is-stamping{animation:.48s cubic-bezier(.22,.7,.3,1) both ink-press}.log-button.is-stamping:after{content:"";border:1px solid var(--accent);pointer-events:none;border-radius:46% 51% 48% 53%;animation:.65s ease-out both ink-ring;position:absolute;inset:-5px}.log-button.is-stamping .ink-icon path{stroke-dasharray:1;animation:.32s ease-out 90ms both ink-check}@keyframes ink-press{0%{transform:translateY(-4px)rotate(-12deg)scale(1.18)}38%{transform:translateY(1px)rotate(-4deg)scale(.91)}72%{transform:translateY(0)rotate(1deg)scale(1.035)}to{transform:none}}@keyframes ink-ring{0%,18%{opacity:0;transform:rotate(-10deg)scale(.75)}40%{opacity:.7}to{opacity:0;transform:rotate(-10deg)scale(1.18)}}@keyframes ink-check{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.log-button.is-stamping,.log-button.is-stamping:after,.log-button.is-stamping .ink-icon path{animation:none}.log-button.is-stamping:after{display:none}.log-button.is-stamping .ink-icon path{stroke-dashoffset:0}}