:root{--app-background:#f3eee8;--canvas-background:#e8f0e6;--text-primary:#292522;--text-secondary:#625b56;--text-muted:#8b827b;--border:#d8cec6;--border-subtle:#e8e0da;--surface-card:#fffdfc;--surface-elevated:#fff;--timer-face:#fff9f7;--timer-progress:#d8798d;--focus:#c9677e;--break:#719b82;--long-break:#668ea6;--danger:#b65d5d;--success:#5f8b70;--warning:#b1844c;--pink:#e7a0af;--flower-blush:#efa8b7;--flower-cream:#f4dda9;--flower-lilac:#bdb1d3;--sky-top:#dcebed;--leaf-light:#9dbb8d;--leaf-deep:#658263;--leaf-shadow:#587858;--tree-trunk:#856958;--wood-light:#b18d72;--tree-canopy:#7fa477;--ridge-far:#bfd3b8;--ridge-mid:#a7c09e;--ridge-line:#92ad8c;--meadow:#dfeadb;--ground-shadow:#5e514b;--water:#8cb7c3;--water-highlight:#c4dce0;--sky:#c9dde4;--sky-evening:#8d97b2;--sun:#f4dda9;--path-warm:#f1d99d;--animal:#b58b72;--animal-light:#e1c5ad;--house:#c98776;--house-roof:#8d665d;--castle:#9b91a8;--stone:#beb3aa;--berry:#c86f87;--lamp-glow:#f2c86e;--garden-outline:#625b5652;--shadow-card:0 1px 2px #5e514b0a, 0 8px 24px #5e514b0f;--shadow-elevated:0 2px 8px #5e514b14, 0 20px 48px #5e514b17;--focus-ring:0 0 0 3px #d8798d38;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);color:var(--text-primary);background:var(--app-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit}button,[role=button],input,[role=slider],[role=switch]{-webkit-tap-highlight-color:transparent}button,[role=button],[role=switch]{touch-action:manipulation}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{color:var(--text-primary);background:#e7a0af66}.app-shell{background:var(--app-background);width:100vw;height:100dvh;position:relative;overflow:hidden}.button{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px;transition:color .12s ease, background-color .12s ease, border-color .12s ease, opacity .12s ease, transform .12s var(--ease-out);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.45}.button:not(:disabled):active{transform:scale(.97)}.button--large{min-height:48px;padding:0 18px}.button--small{min-height:32px;padding:0 10px;font-size:12px}.button--primary{color:#fff;background:var(--focus);border-color:var(--focus)}.button--secondary{color:var(--text-primary);background:var(--surface-card);border-color:var(--border);box-shadow:inset 0 1px #ffffffa8}.button--ghost{background:0 0}.button--danger{color:var(--danger);background:var(--surface-card);border-color:#b65d5d55}.button--icon{background:0 0;border-radius:999px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.hud-top{z-index:6;top:max(14px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:16px;right:16px}.hud-top>*{pointer-events:auto}.garden-badge{max-width:min(62vw,320px);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#fffdfcc4;border:1px solid #ffffffb8;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px 14px 9px;transition:background-color .14s,transform 90ms ease-out;display:grid}.garden-badge:active{transform:scale(.985)}.garden-badge-icon{width:34px;height:34px;color:var(--leaf-deep);background:#dce9d6;border-radius:11px;grid-row:1/3;place-items:center;display:grid}.garden-badge-text{gap:1px;min-width:0;display:grid}.garden-badge-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.garden-badge-text small{color:var(--text-muted);font-size:11px}.garden-badge-bar{background:#e5ddd5;border-radius:999px;grid-column:2;height:4px;margin-top:4px;overflow:hidden}.garden-badge-bar i{border-radius:inherit;background:var(--leaf-light);transform-origin:0;width:100%;height:100%;transition:transform .24s var(--ease-out);will-change:transform;display:block}.hud-tools{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#fffdfcc4;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.hud-tools .button--icon{width:38px;min-width:38px;height:38px;min-height:38px;color:var(--text-secondary)}.hud-sync{background:var(--success);border-radius:50%;width:8px;height:8px;margin:0 6px 0 4px;transition:background-color .16s}.hud-sync--saving,.hud-sync--loading{background:var(--warning)}.hud-sync--error,.hud-sync--offline{background:var(--danger)}.mode-segments{border:1px solid var(--border-subtle);background:#eae3dd;border-radius:999px;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:3px;display:grid}.mode-segments button{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 5px;font-size:12px;font-weight:500;transition:color .12s,background-color .12s,box-shadow .12s,transform 90ms ease-out}.mode-segments button[aria-pressed=true]{color:var(--text-primary);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.mode-segments button:active{transform:scale(.97)}.timer-dock{z-index:5;top:max(74px, calc(env(safe-area-inset-top) + 62px));background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--timer-progress) 14%, transparent), transparent 46%), linear-gradient(160deg, #fffdfce8, #fbf5efd4);-webkit-backdrop-filter:blur(30px)saturate(1.2);backdrop-filter:blur(30px)saturate(1.2);border:1px solid #ffffffc4;border-radius:26px;gap:12px;width:min(420px,100vw - 32px);margin-inline:auto;padding:18px;display:grid;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 24px 70px #4d433b26,inset 0 1px #fffffff2}.timer-dock:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffffa8,#0000 24% 78%,#ffffff78),radial-gradient(circle at 18% 16%,#ffffffb0,#0000 24%);border-radius:25px;position:absolute;inset:1px;-webkit-mask:linear-gradient(#000,#0000 55%);mask:linear-gradient(#000,#0000 55%)}.timer-dock>*{z-index:1;position:relative}.dock-task-input{text-align:center;background:#fffdfcb0;border-color:#0000;height:40px;padding:0 12px;font-size:15px;font-weight:550;box-shadow:inset 0 1px #ffffffc4}.dock-task-input::placeholder{font-weight:500}.timer-readout{justify-items:center;gap:4px;padding:12px 0 8px;display:grid}.timer-readout .timer-state{color:var(--text-secondary);font-size:12px;font-weight:500}.timer-readout strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 1px #ffffffb8;font-size:clamp(58px,16vw,76px);font-weight:480;line-height:.96}.progress{contain:paint;background:#e8e0dabd;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-indicator{border-radius:inherit;background:var(--focus);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform .18s linear}.timer-dock--short_break .progress-indicator{background:var(--break)}.timer-dock--long_break .progress-indicator{background:var(--long-break)}.dock-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.dock-actions .button--secondary{width:52px;padding:0}.mode-action--short_break{background:var(--break);border-color:var(--break)}.timer-dock--short_break{--timer-progress:var(--break)}.mode-action--long_break{background:var(--long-break);border-color:var(--long-break)}.timer-dock--long_break{--timer-progress:var(--long-break)}.dock-meta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reward-chip,.goal-chip{border:1px solid var(--border-subtle);min-width:0;color:var(--text-secondary);transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-out);background:#fffdfc8c;border-radius:14px;align-items:center;gap:9px;padding:9px 11px;font-size:12px;display:flex}.reward-chip>svg{color:var(--warning);flex:none}.reward-chip span,.goal-text{text-overflow:ellipsis;min-width:0;line-height:1.25;overflow:hidden}.reward-chip strong,.goal-text strong{color:var(--text-primary);font-weight:700}.goal-ring-wrap{flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.goal-ring{width:30px;height:30px}.goal-ring-wrap b{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:absolute}.goal-text{gap:1px;display:grid}.goal-text em{color:var(--warning);align-items:center;gap:3px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.goal-text em svg{color:var(--warning)}.autostart-banner{z-index:7;bottom:max(22px, env(safe-area-inset-bottom));box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#fffdfce8;border:1px solid #ffffffc4;border-radius:999px;align-items:center;gap:6px;padding:7px 8px 7px 16px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.autostart-banner>span{color:var(--text-secondary)}.autostart-banner .button--small{gap:4px}.update-card{z-index:8;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.16);backdrop-filter:blur(24px)saturate(1.16);background:#fffdfce8;border:1px solid #ffffffc4;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(370px,100vw - 32px);padding:10px;display:grid;position:absolute;left:16px;box-shadow:0 14px 42px #4d433b1c,inset 0 1px #fffffff2}.update-card--raised{bottom:max(86px, calc(env(safe-area-inset-bottom) + 86px))}.update-card-icon{width:34px;height:34px;color:var(--long-break);background:#c4dce05c;border-radius:12px;place-items:center;display:grid}.update-card-copy{gap:1px;min-width:0;display:grid}.update-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.update-card-copy span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.update-card .button--small{min-height:34px}.update-card-dismiss{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-muted)}kbd{border:1px solid var(--border);min-width:22px;color:var(--text-secondary);background:var(--surface-card);text-align:center;border-bottom-width:2px;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:11px;font-weight:600}.text-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.text-link svg{color:var(--focus)}.playground{isolation:isolate;background:var(--canvas-background);width:100vw;height:100dvh;position:absolute;inset:0;overflow:hidden}.garden-svg{width:100%;height:100%;position:absolute;inset:0}.garden-mote{transform-box:fill-box;transform-origin:50%}.garden-open-sky,.garden-open-back,.garden-open-mid,.garden-open-front,.garden-open-life{opacity:1;transform-box:view-box;transform-origin:bottom}.garden-open-sky{animation:garden-sky-open .36s var(--ease-out) both}.garden-open-back{--garden-open-y:22px;animation:garden-layer-open .68s var(--ease-out) 35ms both}.garden-open-mid{--garden-open-y:18px;animation:garden-layer-open .72s var(--ease-out) .11s both}.garden-open-front{--garden-open-y:14px;animation:garden-layer-open .62s var(--ease-out) .17s both}.garden-open-life{--garden-open-y:12px;animation:garden-layer-open .56s var(--ease-out) .22s both}.garden-sun{transform-origin:50%}@keyframes garden-sky-open{0%{opacity:.72}to{opacity:1}}@keyframes garden-layer-open{0%{opacity:0;transform:translateY(var(--garden-open-y))}to{opacity:1;transform:translateY(0)}}.focus-veil{z-index:2;pointer-events:none;background:#fff9f71f;position:absolute;inset:0}.garden-empty{z-index:3;text-align:center;width:min(430px,86vw);position:absolute;bottom:max(56px,7%);left:50%;transform:translate(-50%)}.garden-empty>span{color:var(--leaf-deep);letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfca3;border:1px solid #ffffff7a;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-block}.garden-empty h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 9px;font-size:clamp(24px,3vw,36px);line-height:1.08}.garden-empty p{max-width:350px;color:var(--text-secondary);text-wrap:balance;margin:0 auto;font-size:15px;line-height:1.5}.starter-plot{transform-origin:50%;animation:starter-arrive .52s var(--ease-out) both}@keyframes starter-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.garden-item{transform-box:fill-box;transform-origin:bottom}.garden-item--new{opacity:0}.garden-celebrate{transform-box:view-box}.celebrate-spark{transform-box:view-box;transform-origin:50%;animation:spark-burst .9s var(--ease-out) both}@keyframes spark-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.72)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-36px) scale(1)}}.app-shell--fullscreen .timer-dock,.app-shell--fullscreen .autostart-banner{display:none}.app-shell--fullscreen .playground{z-index:1;width:100vw;height:100dvh;position:fixed;inset:0}.playground--fullscreen .garden-empty{display:none}.break-dock{z-index:60;bottom:max(22px, env(safe-area-inset-bottom));box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdfcd9;border:1px solid #fff9;border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.break-dock>div{min-width:100px;padding:0 9px}.break-dock span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.break-dock strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.input{border:1px solid var(--border);width:100%;height:40px;color:var(--text-primary);background:var(--surface-card);border-radius:12px;padding:0 12px;font-size:15px;line-height:1.5;box-shadow:inset 0 1px #ffffffa8}.input::placeholder{color:var(--text-muted)}.input:focus-visible{border-color:var(--pink)}.slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:20px;display:flex;position:relative}.slider-control{align-items:center;width:100%;height:100%;display:flex}.slider-track{background:var(--border-subtle);border-radius:999px;flex-grow:1;height:5px;position:relative;overflow:hidden}.slider-range{background:var(--pink);height:100%;position:absolute}.slider-thumb{border:1px solid var(--border);background:var(--surface-elevated);width:17px;height:17px;box-shadow:var(--shadow-card);border-radius:50%;display:block}.slider-thumb:focus-visible{box-shadow:var(--focus-ring)}.label{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.35}.select-trigger{border:1px solid var(--border);width:100%;height:40px;color:var(--text-primary);background:var(--surface-card);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex}.select-positioner{z-index:120}.select-content{min-width:var(--anchor-width);max-height:var(--available-height);border:1px solid var(--border-subtle);background:var(--surface-elevated);box-shadow:var(--shadow-elevated);opacity:1;transform-origin:var(--transform-origin);transition:opacity .14s ease-out, scale .18s var(--ease-out);border-radius:12px;padding:5px;overflow:auto;scale:1}.select-content[data-starting-style],.select-content[data-ending-style]{opacity:0;scale:.96}.select-content[data-ending-style]{transition-duration:.1s,.14s;transition-timing-function:var(--ease-out)}.select-item{cursor:pointer;border-radius:8px;outline:0;align-items:center;height:36px;padding:0 10px 0 30px;font-size:14px;display:flex;position:relative}.select-item[data-highlighted]{background:var(--app-background)}.select-check{width:16px;color:var(--focus);place-items:center;display:grid;position:absolute;left:8px}.switch{background:var(--border);cursor:pointer;border:0;border-radius:999px;flex:none;width:42px;height:24px;position:relative}.switch[data-checked]{background:var(--success)}.switch:focus-visible{box-shadow:var(--focus-ring)}.switch-thumb{background:var(--surface-elevated);width:20px;height:20px;transition:transform .16s var(--ease-out);border-radius:50%;display:block;position:absolute;top:50%;left:0;transform:translate(2px,-50%);box-shadow:0 1px 4px #2925222e}.switch[data-checked] .switch-thumb{transform:translate(20px,-50%)}.dialog-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29252242;position:fixed;inset:0}.dialog-content{z-index:100;border:1px solid var(--border-subtle);background:var(--surface-elevated);width:min(430px,100vw - 32px);max-height:86dvh;box-shadow:var(--shadow-elevated);border-radius:26px;padding:24px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.dialog-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog-header{padding-right:30px}.dialog-title{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600;line-height:1.18}.dialog-description{color:var(--text-secondary);margin:8px 0 0;font-size:15px;line-height:1.5}.dialog-footer{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dialog-icon{width:42px;height:42px;color:var(--focus);background:#e7a0af2b;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.sheet-content{z-index:100;opacity:1;transform-origin:100%;-webkit-backdrop-filter:blur(28px)saturate(1.16);backdrop-filter:blur(28px)saturate(1.16);width:min(430px,100vw - 24px);height:calc(100dvh - 24px);transition:opacity .24s ease-out, scale .28s var(--ease-out), translate .28s var(--ease-out);background:#fffdfce8;border:1px solid #ffffffb5;border-radius:26px;padding:28px 24px;position:fixed;top:12px;right:12px;overflow:auto;translate:0;scale:1;box-shadow:0 28px 80px #3d342d38,inset 0 1px #fff,inset 0 0 0 1px #ffffff20}.sheet-content[data-starting-style],.sheet-content[data-ending-style]{opacity:0;translate:48px;scale:.985}.sheet-content[data-ending-style]{transition-duration:.16s,.22s,.22s;transition-timing-function:var(--ease-out), var(--ease-out), var(--ease-out)}.sheet-overlay{opacity:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#29252233;transition:opacity .22s ease-out}.sheet-overlay[data-starting-style],.sheet-overlay[data-ending-style]{opacity:0}.sheet-overlay[data-ending-style]{transition-duration:.14s;transition-timing-function:var(--ease-out)}.sheet-content>.dialog-header,.sheet-content>.dialog-header:first-child{margin-bottom:22px}.sheet-content .sheet-title{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.18}.sheet-content .sheet-description{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.5;display:block}.tooltip-positioner{z-index:140}.tooltip{color:#fff;background:var(--text-primary);box-shadow:var(--shadow-card);opacity:1;transform-origin:var(--transform-origin);transition:opacity .12s ease-out, scale .15s var(--ease-out);border-radius:8px;padding:6px 8px;font-size:11px;scale:1}.tooltip[data-starting-style],.tooltip[data-ending-style]{opacity:0;scale:.96}.sheet-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:18px;display:grid}.sheet-list{gap:2px;display:grid}.sheet-empty{min-height:160px;color:var(--text-muted);border:1px dashed var(--border);text-align:center;border-radius:18px;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.sheet-empty p{max-width:240px;margin:0;font-size:14px;line-height:1.5}.task-row,.history-row{border-bottom:1px solid var(--border-subtle);align-items:center;min-height:58px;display:grid}.task-row{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.task-check{border:1px solid var(--border);color:#fff;background:var(--surface-card);cursor:pointer;border-radius:7px;place-items:center;width:22px;height:22px;transition:background-color .14s,border-color .14s,transform 90ms ease-out;display:grid}.task-row--complete .task-check{background:var(--success);border-color:var(--success)}.task-check:active{transform:scale(.9)}.task-use{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;min-width:0;padding:8px 0;font-size:14px;display:grid;overflow:hidden}.task-use span{color:var(--focus);margin-top:2px;font-size:10px;font-weight:600}.task-row--complete .task-use{color:var(--text-muted);text-decoration:line-through}.row-actions{display:flex}.row-actions .button--icon{width:32px;min-width:32px;height:32px;min-height:32px}.sheet-footer{justify-content:flex-end;margin-top:24px;display:flex}.history-row{grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:8px 0}.history-row>div:nth-child(2){min-width:0}.history-row strong,.history-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-row strong{font-size:14px;font-weight:600}.history-row span{color:var(--text-muted);margin-top:3px;font-size:12px}.history-dot{background:var(--focus);border-radius:50%;width:9px;height:9px}.history-dot--short_break{background:var(--break)}.history-dot--long_break{background:var(--long-break)}.settings-section{border-top:1px solid var(--border-subtle);gap:14px;padding:20px 0;display:grid}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-section h3{margin:0;font-size:16px;font-weight:600}.settings-section>p{color:var(--text-secondary);margin:-6px 0 0;font-size:13px;line-height:1.45}.duration-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.duration-grid .label{margin-bottom:6px;display:block}.duration-input{position:relative}.duration-input .input{font-variant-numeric:tabular-nums;padding-right:56px}.duration-input span{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.field-stack{gap:6px;display:grid}.volume-setting{grid-template-columns:1fr auto;gap:6px 12px;display:grid}.volume-setting>span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.volume-setting .slider{grid-column:1/-1}.switch-row{border:1px solid var(--border-subtle);background:#fffdfc9e;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.switch-row p{color:var(--text-muted);margin:3px 0 0;font-size:12px;line-height:1.4}.permission-row{background:var(--app-background);border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.permission-row>svg{color:var(--focus)}.permission-row strong,.permission-row span{font-size:13px;display:block}.permission-row span{color:var(--text-muted);margin-top:2px;font-size:12px}.permission-row--denied{background:#b65d5d14}.permission-row--denied>svg{color:var(--danger)}.permission-row--granted{background:#5f8b7014}.permission-row--granted>svg{color:var(--success)}.settings-save{border-top:1px solid var(--border-subtle);justify-items:center;gap:14px;padding:22px 0;display:grid}.settings-save .button--primary{width:100%}.danger-zone{margin-top:4px}.shortcut-list{display:grid}.shortcut-list>div{border-bottom:1px solid var(--border-subtle);grid-template-columns:88px 1fr;align-items:center;min-height:54px;display:grid}.shortcut-list kbd{width:fit-content}.shortcut-list span{color:var(--text-secondary);font-size:14px}.stage-card{border:1px solid var(--border-subtle);background:linear-gradient(150deg,#f1f6ee,#fffdfc);border-radius:18px;gap:8px;margin-bottom:14px;padding:16px 18px;display:grid}.stage-card-top{align-items:baseline;gap:8px;display:flex}.stage-card-top strong{font-size:20px}.stage-card-top span{color:var(--leaf-deep);font-size:13px;font-weight:600}.stage-bar{background:#e5ddd5;border-radius:999px;height:7px;overflow:hidden}.stage-bar i{border-radius:inherit;background:var(--leaf-light);transform-origin:0;width:100%;height:100%;transition:transform .24s var(--ease-out);will-change:transform;display:block}.stage-card small{color:var(--text-muted);font-size:12px}.growth-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.growth-summary>div{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:18px;gap:3px;padding:16px;display:grid}.growth-summary strong{font-variant-numeric:tabular-nums;font-size:28px}.growth-summary span{color:var(--text-muted);font-size:12px}.reward-preview{color:var(--text-secondary);background:#f4dda92e;border:1px solid #f4dda980;border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 15px;font-size:13px;line-height:1.4;display:flex}.reward-preview>svg{color:var(--warning);flex:none}.reward-preview strong{color:var(--text-primary)}.garden-collection{gap:10px;margin-bottom:18px;display:grid}.garden-collection h3{color:var(--text-secondary);margin:0;font-size:13px;font-weight:650}.garden-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.garden-collection-item{border:1px solid var(--border-subtle);background:#fffdfc9c;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.garden-collection-item svg{background:linear-gradient(#eef5eb,#fff7ed);border-radius:8px;width:54px;height:54px;display:block}.garden-collection-item div{gap:2px;min-width:0;display:grid}.garden-collection-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.garden-collection-item span{color:var(--text-muted);font-size:11px}.achievement-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr;gap:11px;padding:13px 0;display:grid}.achievement-icon{width:36px;height:36px;color:var(--warning);background:#f4dda945;border-radius:12px;place-items:center;display:grid}.achievement-row strong,.achievement-row span,.achievement-row time{display:block}.achievement-row strong{font-size:14px}.achievement-row span{color:var(--text-secondary);margin:3px 0;font-size:12px;line-height:1.4}.achievement-row time{color:var(--text-muted);font-size:11px}[data-sonner-toaster]{z-index:180!important}[data-sonner-toast].garden-toast{-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);min-height:50px;color:var(--text-primary)!important;background:#fffdfcec!important;border:1px solid #ffffffc4!important;border-radius:16px!important;padding:11px 42px 11px 13px!important;font-family:inherit!important;font-size:13px!important;box-shadow:0 18px 46px #4b40372b,inset 0 1px #fff!important}[data-sonner-toast].garden-toast [data-icon]{color:var(--success)}[data-sonner-toast].garden-toast[data-type=error] [data-icon]{color:var(--danger)}[data-sonner-toast].garden-toast[data-type=warning] [data-icon]{color:var(--warning)}[data-sonner-toast].garden-toast [data-close-button]{box-shadow:none!important;background:0 0!important;border-color:#0000!important;top:50%!important;left:auto!important;right:10px!important;transform:translateY(-50%)!important}.loading-scene,.route-error{width:100vw;height:100dvh;color:var(--text-secondary);background:var(--app-background);align-content:center;place-items:center;gap:14px;display:grid}.loading-seed{border:2px solid var(--leaf-deep);border-radius:70% 30%;width:24px;height:32px;transform:rotate(-24deg)}.loading-scene p{margin:0;font-size:13px}.route-error{text-align:center;padding:24px}.route-error h1{color:var(--text-primary);margin:0;font-size:28px}.route-error p{margin:0}.route-error a{color:var(--focus);font-weight:600}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px)}.button--primary:hover{background:#b95d73;border-color:#b95d73}.button--secondary:hover{background:var(--surface-elevated);border-color:#c9bdb4}.button--ghost:hover,.button--icon:hover{background:var(--surface-card)}.button--danger:hover{color:#fff;background:var(--danger)}.garden-badge:hover{background:#ffffffe6}.hud-tools .button--icon:hover{color:var(--text-primary)}.dock-task-input:hover{border-color:var(--border-subtle)}.mode-action--short_break:hover{background:#638b73;border-color:#638b73}.mode-action--long_break:hover{background:#587e95;border-color:#587e95}.text-link:hover{color:var(--text-primary)}.dialog-close:hover{background:var(--app-background)}.reward-chip:hover,.goal-chip:hover{background:#ffffffe0;border-color:#ffffffd4;transform:translateY(-1px)}.update-card:hover{background:#fffffff0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (height<=720px){.timer-dock{top:max(70px, calc(env(safe-area-inset-top) + 58px));gap:9px;padding:14px 16px}.timer-readout strong{font-size:clamp(46px,13vw,60px)}.dock-task-input{height:36px}}@media (width<=480px){.hud-top{gap:8px;left:10px;right:10px}.garden-badge{gap:1px 7px;max-width:150px;padding:7px 8px 8px}.garden-badge-icon{width:30px;height:30px}.hud-tools{gap:0;padding:2px}.hud-tools .button--icon{width:34px;min-width:34px;height:34px;min-height:34px}.hud-sync{margin:0 4px}.timer-dock{width:calc(100vw - 20px);padding:16px}.update-card{right:10px;bottom:max(12px, env(safe-area-inset-bottom));gap:8px;width:auto;padding:9px;left:10px}.update-card--raised{bottom:max(82px, calc(env(safe-area-inset-bottom) + 82px))}.update-card-icon{width:32px;height:32px}.update-card .button--small{padding:0 9px}.update-card-dismiss{width:32px;min-width:32px;height:32px;min-height:32px}.break-dock{right:12px;bottom:max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;left:12px;transform:none}.break-dock>div,.break-dock .button{flex:1}.sheet-content{width:100vw;height:auto;max-height:88dvh;padding:24px 18px max(18px, env(safe-area-inset-bottom));border:1px solid var(--border-subtle);transform-origin:bottom;border-width:1px 0 0;border-radius:26px 26px 0 0;top:auto;bottom:0;right:0}.sheet-content[data-starting-style],.sheet-content[data-ending-style]{translate:0 44px;scale:.99}.dialog-footer{flex-direction:column-reverse}.dialog-footer .button{width:100%}.garden-collection-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:1ms!important;animation-iteration-count:1!important}.sheet-content,.sheet-content[data-starting-style],.sheet-content[data-ending-style]{opacity:1;translate:0;scale:1}.sheet-overlay,.sheet-overlay[data-starting-style],.sheet-overlay[data-ending-style]{opacity:1}.select-content,.select-content[data-starting-style],.select-content[data-ending-style],.tooltip,.tooltip[data-starting-style],.tooltip[data-ending-style]{opacity:1;scale:1}.garden-pollen{display:none}.garden-open-sky,.garden-open-back,.garden-open-mid,.garden-open-front,.garden-open-life{opacity:1;animation:none!important;transform:none!important}.starter-plot,.celebrate-spark{animation:none!important}.garden-celebrate{display:none}}