@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:Manrope,sans-serif;color:#30382f;background:#f5f3ed;font-synthesis:none;font-weight:500;--bg:#f5f3ed;--surface:#fffefa;--ink:#30382f;--muted:#96998e;--line:#e8e8df;--green:#475b43;--soft:#edf0e7;--digit:#30372f;--digit-bottom:#2b322a;--digit-text:#f3f2e7;--shadow:0 10px 45px #424b3410}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93a17d;outline-offset:4px}button{transition:background .2s,transform .2s,opacity .2s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;margin:auto;padding:0 58px;min-height:100svh;display:flex;flex-direction:column}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:27px;letter-spacing:-1.5px;font-weight:650}.brand-dot{color:#8e9c73}.brand-symbol{display:flex;gap:3px;margin-right:11px;position:relative}.brand-symbol span{display:block;width:11px;height:24px;background:var(--ink);border-radius:3px}.brand-symbol:after{content:"";position:absolute;top:11px;width:100%;height:2px;background:var(--bg)}.header-actions{display:flex;align-items:center;gap:24px}.local-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#818779}.local-label i{height:6px;width:6px;border-radius:50%;background:#8d9d76}.icon-button{background:transparent;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--ink)}.settings-button{color:var(--ink);background:var(--surface);border:1px solid var(--line);width:40px;height:40px}main{width:100%;max-width:720px;margin:0 auto}.intro{text-align:center;margin:53px 0 28px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:#8a927c;display:inline-flex;align-items:center;gap:9px}.eyebrow>span{width:5px;height:5px;background:#92a07b;border-radius:50%}h1{font-weight:500;letter-spacing:-2px;font-size:45px;line-height:1.3;margin:13px 0 10px}h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#718060}p{line-height:1.7}.intro p{font-size:12px;color:#93958b;margin:0}.mode-tabs{display:flex;width:fit-content;margin:0 auto 24px;background:#eaece3;border:1px solid #e2e5d9;padding:5px;gap:4px;border-radius:12px}.mode-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:650;padding:10px 21px;background:transparent;color:#838b7b;border-radius:8px}.mode-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #26321c0a}.timer-card{position:relative;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:21px 36px 0;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between}.session-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:#8b927e;font-weight:700}.status-dot{width:5px;height:5px;background:#a1ae88;border-radius:50%}.card-tools{display:flex;gap:5px}.card-tools .icon-button{padding:6px;color:#9a9f90}.clock-face{display:flex;align-items:center;justify-content:center;gap:15px;margin:34px auto 0;--digit-w:105px;--digit-h:144px;--font-size:118px}.digit-group{display:flex;gap:7px}.flip-digit{display:block;width:var(--digit-w);height:var(--digit-h);position:relative;perspective:600px;filter:drop-shadow(0 4px 3px #17201020);font-family:DM Sans,sans-serif;font-weight:550;font-size:var(--font-size);letter-spacing:-6px;line-height:var(--digit-h);color:var(--digit-text);font-variant-numeric:tabular-nums}.digit-half{height:50%;position:absolute;left:0;width:100%;overflow:hidden;background:var(--digit)}.digit-half>span{position:absolute;width:100%;height:var(--digit-h);left:0;text-align:center;padding-right:5px}.digit-half.top{top:0;border-radius:9px 9px 0 0;border-bottom:1px solid #172015b0}.digit-half.top>span{top:0}.digit-half.bottom{top:50%;border-radius:0 0 9px 9px;background:var(--digit-bottom);border-top:1px solid #55604a40}.digit-half.bottom>span{top:-100%}.hinge{position:absolute;top:calc(50% - 4px);height:8px;width:3px;background:#1d251b;border:1px solid #5e685347;border-radius:2px;z-index:5}.hinge.left{left:-1px}.hinge.right{right:-1px}.colon{display:flex;flex-direction:column;gap:16px;padding:0 1px}.colon i{height:6px;width:6px;background:#a9ae9e;border-radius:50%}.flap-top{z-index:3;transform-origin:bottom;animation:flip-top .28s ease-in forwards;backface-visibility:hidden}.flap-bottom{z-index:4;transform-origin:top;animation:flip-bottom .28s .28s ease-out both;backface-visibility:hidden}.clock-captions{display:flex;justify-content:space-around;max-width:490px;margin:15px auto 0;font-size:8px;letter-spacing:2px;color:#9b9f91;font-weight:600}.clock-captions>span{flex:1;text-align:center}.presets{display:flex;justify-content:center;gap:7px;margin:28px auto 24px}.presets button{background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:8px;font-size:10px;white-space:nowrap;color:#8a9082}.presets button.selected{background:var(--soft);border-color:#d9dfcc;color:#4e6144;font-weight:750}.presets button:hover:not(:disabled){background:var(--soft)}.presets .custom-duration{display:flex;align-items:center;gap:6px}.timer-controls{display:flex;gap:14px;align-items:center;justify-content:center}.reset-button,.break-button{background:transparent;border:1px solid var(--line);width:46px;height:48px;border-radius:10px;display:grid;place-items:center;color:#9a9f90}.reset-button:hover,.break-button:hover{background:var(--soft);color:var(--green)}.start-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;min-width:280px;height:49px;background:var(--green);color:#f5f4ed;font-size:12px;font-weight:650;box-shadow:0 4px 9px #34432915}.start-button:hover{background:#3b5037}.start-button>span{font-size:9px;font-weight:400;opacity:.45;border-left:1px solid #ffffff30;padding-left:12px;margin-left:5px}.start-button>svg{width:15px}.timer-bottom{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px;font-size:8px;color:#a0a593;letter-spacing:.2px}.timer-bottom>span:first-child{display:flex;gap:6px;align-items:center}.timer-bottom i{height:4px;width:4px;border-radius:50%;background:#aab497}.progress-track{height:3px;background:#f2f3eb;margin:0 -36px}.progress-track>div{height:100%;background:#8f9f77;transition:width .5s linear}.below-timer{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:17px}.daily-card,.gentle-card{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:21px 22px;gap:14px}.daily-card{background:#f0f1e9}.daily-icon{width:38px;height:38px;background:#e4e9db;display:grid;place-items:center;color:#839269;border-radius:10px}.small-label{font-size:7px;letter-spacing:1.5px;color:#979d8a;font-weight:700}.daily-card p{display:flex;align-items:center;font-size:9px;color:#989d8e;margin:5px 0 0}.daily-card strong{font-size:16px;color:#606e50;font-weight:650;letter-spacing:-.4px}.stat-divider{height:11px;width:1px;background:#d5dacb;margin:0 10px}.daily-decoration{margin-left:auto;align-self:flex-start;color:#aeb5a0;font-size:18px}.gentle-card{text-align:left;background:transparent;color:#9aa386;gap:13px}.gentle-card>span{font-size:10px;line-height:1.8;color:#8d9580}.gentle-card strong{font-weight:600;color:#717e60}.gentle-card>svg:last-child{margin-left:auto;align-self:flex-start;color:#a7ae9a;width:16px}.gentle-card:hover{background:var(--surface)}.quiet-note{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#a7aa9b;margin:31px 0 40px}.quiet-note>span{height:1px;width:25px;background:#dfe3d5}footer{margin-top:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0 25px;font-size:8px;color:#a2a697;letter-spacing:.2px}.footer-right{display:flex;align-items:center;gap:9px}.clock-face.three-groups{--digit-w:72px;--digit-h:108px;--font-size:85px;gap:10px}.three-groups .digit-group{gap:5px}.three-groups .flip-digit{letter-spacing:-4px}.clock-note{display:flex;justify-content:center;align-items:center;gap:8px;color:#969e89;font-size:11px;margin:40px 0 38px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:440px;padding:14px 15px 14px 20px;background:var(--ink);color:var(--bg);border-radius:12px;font-size:12px;z-index:30;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.toast .icon-button{color:inherit;margin-left:auto;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18201666;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s}.modal{position:relative;background:var(--surface);width:460px;max-width:100%;max-height:90svh;overflow-y:auto;padding:34px;border-radius:22px;box-shadow:0 20px 70px #15200f22}.modal-close{position:absolute;right:15px;top:15px}.modal h2{font-size:26px;letter-spacing:-1px;font-weight:550;line-height:1.35;margin:12px 0}.modal p{font-size:12px;color:#909886;margin:12px 0 22px}.modal .eyebrow{font-size:8px}.modal-subtitle{margin-bottom:16px!important}.setting-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.setting-row>svg{color:#98a08c;flex-shrink:0}.setting-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.setting-row strong{font-size:11px;font-weight:650}.setting-row>div>span{font-size:9px;color:#99a08f}.toggle{width:35px;height:21px;border-radius:20px;background:#dddff0;flex-shrink:0;padding:3px}.toggle span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0001;transition:transform .2s}.toggle.on{background:#738760}.toggle.on span{transform:translate(14px)}.setting-row select{background:var(--soft);border:0;border-radius:6px;padding:6px;color:var(--ink);font-size:10px}.settings-footnote{font-size:9px!important;margin:18px 0 0!important}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--green);color:#fffef5;min-height:46px;padding:12px;border-radius:10px;font-size:12px;margin-top:20px}.primary-button:hover{background:#3b5037}.text-button{background:transparent;display:block;margin:15px auto 0;font-size:11px;color:#969d8b;padding:8px}.completion-icon{background:var(--soft);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;color:#7b8d62;margin:0 0 24px}.duration-inputs{display:flex;gap:12px;margin:28px 0}.duration-inputs label{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:10px}.duration-inputs input{width:100%;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;text-align:center;font-size:32px;padding:16px 3px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.duration-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pulsing{animation:pulse 2s infinite}[data-theme=dark]{--bg:#1d241e;--surface:#262e26;--ink:#e4e8da;--muted:#8a967f;--line:#354032;--green:#657d51;--soft:#343f2d;--digit:#151c15;--digit-bottom:#121912;--digit-text:#dce3ce;--shadow:0 10px 45px #00000015;background:var(--bg);color:var(--ink)}[data-theme=dark] .mode-tabs{background:#293224;border-color:#354032}[data-theme=dark] .daily-card{background:#252e23}[data-theme=dark] .daily-icon{background:#35432c}[data-theme=dark] .daily-card strong{color:#a6b691}[data-theme=dark] .presets button.selected{background:#35432c;color:#c0cdaa;border-color:#4b5b3c}[data-theme=dark] .progress-track{background:#354032}[data-theme=dark] .toggle:not(.on){background:#45503d}@keyframes flip-top{to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pulse{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1500px){.app-shell{max-width:1300px}.intro{margin-top:70px}.timer-card{margin-top:30px}.quiet-note{margin-bottom:65px}}@media(max-width:700px){.app-shell{padding:0 24px}.header{height:84px}.brand{font-size:25px}.local-label{display:none}.intro{margin:40px 0 25px}h1{font-size:37px}.intro p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.mode-tabs{margin-bottom:21px}.timer-card{padding:18px 22px 0}.session-label{font-size:7px;letter-spacing:1.2px}.clock-face{--digit-w:clamp(52px,14vw,90px);--digit-h:clamp(83px,21vw,126px);--font-size:clamp(68px,17.2vw,103px);gap:10px;margin-top:30px}.flip-digit{letter-spacing:-4px}.digit-group{gap:5px}.colon{gap:13px}.colon i{width:5px;height:5px}.clock-captions{font-size:7px}.presets{gap:6px;margin:26px 0 23px}.presets button{padding:9px 10px;font-size:9px}.presets .custom-duration{padding:8px}.custom-duration>span{display:none}.timer-controls{gap:10px}.start-button{min-width:0;flex:1;max-width:310px;font-size:12px;gap:8px}.start-button>span{display:none}.reset-button,.break-button{width:41px;height:47px;flex-shrink:0}.timer-bottom{font-size:7px;margin-top:25px}.progress-track{margin:0 -22px}.below-timer{gap:10px}.daily-card,.gentle-card{padding:16px 12px;gap:9px}.daily-icon{height:32px;width:32px;flex-shrink:0}.daily-icon>svg{width:18px}.small-label{font-size:6px;letter-spacing:.9px}.daily-card p{font-size:8px}.daily-card strong{font-size:14px}.daily-decoration{display:none}.stat-divider{margin:0 7px}.gentle-card>span{font-size:9px}.gentle-card>svg:first-child{width:17px;flex-shrink:0}.gentle-card>svg:last-child{width:13px;flex-shrink:0}.quiet-note{font-size:8px;gap:8px;margin:27px 0 35px}footer{font-size:7px;padding:20px 0}.footer-right{gap:5px}.clock-face.three-groups{--digit-w:clamp(32px,9.2vw,62px);--digit-h:clamp(57px,15vw,95px);--font-size:clamp(43px,11.6vw,74px);gap:7px}.three-groups .digit-group{gap:3px}.three-groups .flip-digit{letter-spacing:-3px}.three-groups .digit-half>span{padding-right:2px}.three-groups .colon{padding:0;gap:9px}.three-groups .colon i{width:4px;height:4px}.modal-backdrop{padding:16px;align-items:flex-end}.modal{padding:30px 25px;border-radius:22px;max-height:91svh;width:100%;max-width:460px;margin:0 auto;padding-bottom:max(26px,env(safe-area-inset-bottom))}.modal h2{font-size:25px}}@media(max-width:360px){.app-shell{padding:0 15px}.timer-card{padding-left:14px;padding-right:14px}.progress-track{margin:0 -14px}.intro p{font-size:10px}.gentle-card{padding:12px 9px;gap:5px}.daily-card{padding:14px 10px}.gentle-card>svg:last-child{display:none}.quiet-note{font-size:7px}.clock-face{gap:8px}.card-tools{gap:0}.session-label{letter-spacing:.7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.flap-top,.flap-bottom{display:none}.flipping .digit-half.bottom>span{visibility:hidden}}@media(max-height:740px)and (min-width:701px){.header{height:80px}.intro{margin-top:25px;margin-bottom:19px}.clock-face{margin-top:22px}.quiet-note{margin:22px 0}.timer-card{padding-top:16px}}