@font-face{font-family:DM Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-latin.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic-latin.woff2)format("woff2")}:root{--paper-50:#fcfbf7;--paper-100:#f6f5ee;--paper-200:#eaece2;--paper-300:#d9ddcf;--olive-400:#8d9a7b;--olive-600:#58654d;--olive-700:#414e38;--olive-800:#343d2f;--olive-900:#2f372a;--color-bg:var(--paper-100);--color-surface:var(--paper-50);--color-text:var(--olive-900);--color-muted:var(--olive-600);--color-border:var(--paper-300);--color-control-border:var(--olive-400);--color-accent:var(--olive-700);--color-accent-hover:var(--olive-800);--color-on-accent:var(--paper-50);--color-selected:var(--paper-200);--color-focus:var(--olive-700);--color-error:#8c3e2e;--font-body:"DM Sans",Arial,sans-serif;--font-display:"Instrument Serif",Georgia,serif;--text-small:.875rem;--text-body:1rem;--text-title:1.25rem;--text-section:2rem;--text-display:3.5rem;--text-timer:6.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-small:8px;--radius-control:12px;--radius-panel:24px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-weight:500}button:disabled{cursor:default}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-on-accent)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:400}p{text-wrap:pretty}.page-width{width:min(1120px,100% - 96px);margin-inline:auto}.small{font-size:var(--text-small)}.muted{color:var(--color-muted)}.icon{flex-shrink:0;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-small);padding:12px 20px;position:absolute;inset-block-start:12px;inset-inline-start:16px;transform:translateY(-180%)}.skip-link:focus{outline-color:var(--color-on-accent);transform:none}.site-header{padding-block:30px var(--space-5);justify-content:space-between;align-items:center;display:flex}.wordmark{font-size:var(--text-section);letter-spacing:-.06em;align-items:center;gap:7px;min-height:44px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-flower{width:22px;height:22px;color:var(--color-accent);margin-block-start:3px;display:inline-flex}.brand-flower svg{width:100%;height:100%}.header-actions{gap:var(--space-5);align-items:center;display:flex}.text-button{min-height:44px;font-size:var(--text-small);color:var(--color-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 0;display:inline-flex}.icon-button{border-radius:var(--radius-small);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-height:44px;padding:10px;display:inline-flex}.settings-button{border:1px solid var(--color-border);border-radius:50%}.intro{padding-block:31px 33px}h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.025em;line-height:1.08}h1 em{font-weight:400}.intro p{color:var(--color-muted);font-size:var(--text-body);margin-block-start:14px}.workspace{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:1.06fr 1fr;scroll-margin-top:24px;display:grid}.timer-pane{min-width:0;padding:28px 40px var(--space-5)}.mode-controls{gap:var(--space-2) var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.mode-button{min-width:44px;min-height:44px;color:var(--color-muted);font-size:var(--text-small);white-space:nowrap;background:0 0;border:0;padding:8px 0 12px;position:relative}.mode-button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;inset-block-end:2px;inset-inline:0}.mode-button.selected{color:var(--color-text);font-weight:600}.mode-button.selected:after{background:var(--color-accent)}.clock-area{text-align:center;font-size:var(--text-timer);padding-block:26px 29px;container:clock/inline-size}.timer-display{font-size:var(--text-timer);letter-spacing:-.055em;font-variant-numeric:tabular-nums;direction:ltr;font-weight:400;line-height:1.1}@container clock (width<=3em){.timer-display{grid-template-columns:1fr;gap:8px;display:grid}.timer-colon{display:none}.timer-number:after{content:"min";font-family:var(--font-body);font-size:var(--text-small);letter-spacing:0;color:var(--color-muted);line-height:1.5;display:block}.timer-number.seconds:after{content:"sec"}}.timer-progress{width:168px;height:3px;margin:var(--space-4) auto 0;background:var(--color-selected);border-radius:2px}.timer-progress span{background:var(--color-accent);border-radius:inherit;height:100%;display:block}.timer-caption{color:var(--color-muted);min-height:21px;margin-block-start:18px}.timer-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-block-start:var(--space-5);display:flex;position:relative}.primary-button{border-radius:var(--radius-control);background:var(--color-accent);min-height:52px;color:var(--color-on-accent);font-size:var(--text-body);border:0;justify-content:center;align-items:center;gap:12px;padding:14px 24px;line-height:1.5;display:inline-flex}.primary-button .icon{stroke-width:2px}.start-button{min-width:216px}.reset-button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:48px;min-height:52px}.reset-button:disabled{color:var(--color-control-border);border-color:var(--color-border)}.intention{border-block-start:1px solid var(--color-border);padding-block-start:23px}.intention label{font-size:var(--text-small);color:var(--color-muted);display:block}.intention-entry{gap:var(--space-3);align-items:center;margin-block-start:3px;display:flex}.intention input{width:100%;min-width:0;min-height:44px;font-size:var(--text-body);background:0 0;border:0;border-radius:4px;padding:6px 0}.intention input::placeholder{color:var(--color-muted);opacity:1}.intention-check{border:1px solid var(--color-control-border);border-radius:50%;width:44px;min-height:44px;padding:10px}.intention-check:disabled{color:var(--color-control-border);border-color:var(--color-border)}.intention.is-done input{color:var(--color-muted);text-decoration:line-through}.intention.is-done .intention-check{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.room-pane{background:#dde1d3;border-radius:0 23px 23px 0;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:0 0 22px;display:flex;position:relative;overflow:hidden}.quiet-room{flex:auto;width:100%;height:auto;max-height:460px;display:block}.room-caption{color:var(--color-accent);font-size:var(--text-small);text-align:center;align-items:center;gap:9px;padding:0 20px;display:flex}.room-mark .icon{width:16px;height:16px}.sound-section{align-items:center;gap:var(--space-5);padding-block:var(--space-6) 28px;grid-template-columns:1fr auto 100px;display:grid;position:relative}.sound-heading h2{font-size:var(--text-title);font-weight:500;line-height:1.3}.sound-heading p{margin-block-start:var(--space-1)}.sound-controls{align-items:center;gap:var(--space-2);display:flex}.sound-button{border:1px solid var(--color-border);border-radius:var(--radius-small);min-height:44px;font-size:var(--text-small);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.sound-button.selected{background:var(--color-selected);border-color:var(--color-control-border);color:var(--color-accent)}.sound-button:disabled{cursor:wait}.sound-playing{align-items:center;gap:2px;height:14px;display:flex}.sound-playing i{background:currentColor;border-radius:2px;width:2px;height:8px;display:block}.sound-playing i:nth-child(2){height:13px}.volume-control{min-height:44px;color:var(--color-muted);align-items:center;gap:10px;display:flex}.volume-control .icon{width:18px;height:18px}input[type=range]{width:100%;min-width:0;height:44px;accent-color:var(--color-accent);cursor:pointer;margin:0}.sound-feedback{color:var(--color-error);grid-column:1/-1}.sound-feedback:empty{display:none}.today-section{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:32px;padding-block:32px 36px;display:flex}.today-heading{align-items:center;gap:20px;display:flex}.today-heading>.icon{width:32px;height:32px;color:var(--color-muted);stroke-width:1.3px}.today-heading h2{font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.015em;line-height:1.2}.today-heading p{margin-block-start:5px}.today-stats{align-items:center;gap:36px;padding-inline-end:24px;display:flex}.stat{flex-direction:column;align-items:flex-start;gap:2px;min-width:100px;display:flex}.stat-number{font-size:var(--text-section);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.2}.stat-unit{color:var(--color-muted);letter-spacing:0;margin-inline-start:6px}.stat-divider{background:var(--color-border);width:1px;height:40px}.site-footer{border-block-start:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-small);justify-content:space-between;align-items:center;gap:24px;padding-block:22px 30px;display:flex}.storage-note{align-items:center;gap:7px;display:flex}.storage-note .icon{width:14px;height:14px}.storage-error{color:var(--color-error)}.modal{width:min(480px,100% - 32px);max-height:calc(100dvh - 48px);padding:var(--space-6);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);overscroll-behavior:contain;border:0;overflow-y:auto;box-shadow:0 16px 64px #20291c33}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#252e2180}.modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-block-end:12px;display:flex}.modal-heading h2{font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.015em;line-height:1.2}.modal-heading .icon-button{margin-inline-end:-10px}.modal-intro{color:var(--color-muted);max-width:38ch;margin-block-end:24px}.duration-fields{gap:16px;display:grid}.duration-field{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:48px;display:flex}.number-field{border:1px solid var(--color-control-border);border-radius:var(--radius-small);width:128px;color:var(--color-muted);align-items:center;gap:8px;padding-inline:12px;display:flex}.number-field input{width:100%;min-width:0;min-height:46px;font-size:var(--text-body);font-variant-numeric:tabular-nums;color:var(--color-text);background:0 0;border:0;padding:6px 0}.number-field span{font-size:var(--text-small)}#duration-hint{max-width:42ch;margin-block:16px 24px}.checkbox-label{min-height:44px;font-size:var(--text-small);cursor:pointer;align-items:center;gap:12px;display:flex}input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent);flex-shrink:0;margin:0}.form-error{color:var(--color-error);margin-block:12px}.form-error:empty{margin:0}.modal-save{width:100%;margin-block-start:24px}.guide-steps{gap:24px;margin:0 0 28px;padding:0;list-style:none;display:grid}.guide-steps li{gap:16px;display:flex}.step-number{background:var(--color-selected);width:28px;height:28px;font-size:var(--text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:1px;display:flex}.guide-steps h3{font-size:var(--text-body);margin-block-end:4px;font-weight:600}.guide-steps p{font-size:var(--text-small);color:var(--color-muted)}.guide-note{border-block:1px solid var(--color-border);font-size:var(--text-small);color:var(--color-muted);gap:12px;margin-block-end:16px;padding-block:20px;display:flex}.guide-note .icon{width:18px;height:18px;margin-block-start:2px}@media (hover:hover){.primary-button:hover{background:var(--color-accent-hover)}.text-button:hover{color:var(--color-text);text-underline-offset:5px;text-decoration:underline}.icon-button:not(:disabled):hover,.sound-button:not(:disabled):hover{background:var(--color-selected)}.intention.is-done .intention-check:hover{background:var(--color-accent-hover)}.mode-button:hover{color:var(--color-text)}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .12s,color .12s,transform .12s cubic-bezier(.2,0,0,1)}.primary-button:active,.icon-button:not(:disabled):active{transform:scale(.96)}.timer-progress span{transition:width .25s linear}.sound-playing i{animation:1.2s ease-in-out infinite alternate sound-bar}.sound-playing i:nth-child(2){animation-delay:-.4s}.sound-playing i:nth-child(3){animation-delay:-.8s}@keyframes sound-bar{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}}@media (max-width:70rem){.page-width{width:calc(100% - var(--space-8))}.timer-pane{padding-inline:28px}.sound-section{grid-template-columns:1fr auto;gap:20px}.volume-control{grid-area:2/2;justify-self:end;width:140px;margin-block-start:-8px}.sound-feedback{grid-row:3}.today-stats{gap:24px;padding-inline-end:0}}@media (max-width:52rem){.page-width{width:calc(100% - var(--space-7))}:root{--text-display:2.5rem;--text-timer:5rem}.site-header{padding-block:20px 12px}.intro{padding-block:24px 28px}.workspace{grid-template-columns:1fr .8fr}.timer-pane{padding:20px 20px 18px}.mode-controls{gap:16px}.clock-area{padding-block:24px}.timer-caption{max-width:30ch;min-height:42px;margin-inline:auto}.timer-actions{gap:10px;margin-block-start:20px}.start-button{flex:1;min-width:0;padding-inline:12px}.reset-button{width:44px}.intention{padding-block-start:16px}.room-pane{justify-content:center;overflow:hidden}.quiet-room{flex:none;min-width:380px;max-height:none}.room-caption{max-width:25ch;padding:16px}.sound-section{grid-template-columns:1fr;gap:20px}.sound-controls{grid-column:1;justify-content:flex-start}.volume-control{grid-area:3/1;justify-self:start;width:180px;margin-block-start:-12px}.sound-feedback{grid-row:4}.today-section{gap:24px}.today-heading{gap:12px}.today-heading>.icon{display:none}.today-stats{gap:20px}.stat{min-width:86px}.site-footer{align-items:flex-start;gap:16px}.footer-note{max-width:25ch}.storage-note{max-width:27ch}}@media (max-width:39rem){.page-width{width:calc(100% - 40px)}.site-header{padding-block:16px 8px}.header-actions{gap:16px}.text-button{gap:7px}.guide-button>.icon{display:none}.settings-button{width:44px;min-height:44px;padding:10px}.intro{padding-block:22px 26px}h1{max-width:10ch;line-height:1.05}.intro p{max-width:28ch;margin-block-start:12px}.workspace{display:block}.timer-pane{padding:18px 24px 20px}.mode-controls{gap:24px}.clock-area{padding-block:20px 24px}.timer-display{letter-spacing:-.055em}.timer-progress{width:144px;margin-block-start:12px}.timer-caption{max-width:none;min-height:21px;margin-block-start:16px}.timer-actions{gap:12px;margin-block-start:20px}.start-button{min-height:50px;padding:13px 12px}.reset-button{width:46px;min-height:50px}.intention{padding-block-start:16px}.room-pane{display:none}.sound-section{gap:16px;padding-block:28px 24px}.sound-heading p{margin-block-start:3px}.sound-controls{font-size:var(--text-small);grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5em),1fr));align-items:stretch;gap:8px;display:grid}.sound-button{white-space:normal;text-align:center;flex-direction:column;gap:7px;min-height:76px;padding:12px 5px;line-height:1.3;position:relative}.sound-playing{height:10px;position:absolute;inset-block-start:6px;inset-inline-end:7px}.sound-playing i{width:1.5px;height:5px}.sound-playing i:nth-child(2){height:9px}.volume-control{grid-row:3;width:100%;margin-block-start:0}.volume-control input{max-width:none}.sound-feedback{grid-row:4}.today-section{flex-direction:column;align-items:flex-start;gap:24px;padding-block:24px 28px}.today-heading h2{font-size:var(--text-section)}.today-stats{gap:32px;width:100%}.stat{min-width:100px}.stat-divider{height:36px}.site-footer{flex-direction:column;gap:12px;padding-block:20px 28px}.footer-note,.storage-note{max-width:none}.modal{padding:24px}}@media (max-width:22rem){.page-width{width:calc(100% - 32px)}.timer-pane{padding-inline:16px}.mode-controls{gap:18px}.header-actions{gap:12px}.timer-caption{max-width:27ch;min-height:42px}.sound-controls{gap:6px}.sound-button{padding-inline:3px}.today-stats{gap:24px}.modal{padding:20px}}@media (forced-colors:active){button:focus-visible,a:focus-visible,input:focus-visible{outline-color:highlight}.mode-button.selected:after,.timer-progress span{background:highlight}.sound-button.selected{outline-offset:-3px;outline:2px solid highlight}.primary-button,.settings-button{border:1px solid buttontext}}