:root{--bg:#7ab8d4;--bg-2:#7baabf;--surface:#dceefa7a;--surface-hover:#dceefac2;--surface-open:#dceefaed;--surface-card:#edf4fa;--fill:#1625350d;--fill-hover:#16253517;--backdrop:#16253561;--ink:#162535;--ink-soft:#2e4d66;--ink-faint:#4e7090;--ink-inverse:#edf4fa;--accent:#d36761;--accent-hover:#ba5248;--btn-on-accent:#fff;--sage:#667d69;--border:#1625351a;--border-dash:#1625352e;--shadow:#16253524}[data-theme=dark]{--bg:#162535;--bg-2:#1e3040;--surface:#16253599;--surface-hover:#162535d1;--surface-open:#162535f2;--surface-card:#1a2c3e;--fill:#ffffff0d;--fill-hover:#ffffff17;--backdrop:#00000085;--ink:#e2eef5;--ink-soft:#9abcd4;--ink-faint:#5e8aa8;--ink-inverse:#162535;--accent:#dfa0a0;--accent-hover:#cb8888;--btn-on-accent:#162535;--sage:#6aae88;--border:#ffffff14;--border-dash:#ffffff21;--shadow:#00000047}*{box-sizing:border-box}html{overflow:auto}body{background:radial-gradient(ellipse 46% 32% at 88% 12%, #f2b99e42 0%, transparent 100%), radial-gradient(ellipse 30% 20% at 76% 4%, #ffd2ba2e 0%, transparent 100%), radial-gradient(ellipse 22% 18% at 96% 28%, #eeac9024 0%, transparent 100%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);min-width:700px;height:100%;min-height:600px;color:var(--ink);margin:0;padding:0;font-family:Inter,system-ui,sans-serif;transition:background .5s,color .3s;overflow:hidden}[data-theme=dark] body{background:radial-gradient(ellipse 52% 36% at 62% 20%, #20384e85 0%, transparent 100%), radial-gradient(ellipse 38% 26% at 82% 34%, #1a2e406b 0%, transparent 100%), radial-gradient(ellipse 28% 22% at 42% 10%, #1c324652 0%, transparent 100%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%)}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.roughen{filter:url(#rough)}.roughen-2{filter:url(#rough2)}#app-root{width:100%;min-width:700px;height:100dvh;min-height:600px;position:relative}.drawer{background:var(--surface);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--border);z-index:20;pointer-events:auto;flex-direction:column;width:64px;transition:width .35s cubic-bezier(.2,.7,.3,1),background .3s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.drawer.open{background:var(--surface-open);cursor:default;width:320px}.drawer:not(.open){cursor:pointer}.drawer:not(.open):hover{background:var(--surface-hover);border-right-color:color-mix(in srgb, var(--ink) 25%, transparent)}.drawer:not(.open):hover .drawer-slide-hint{color:var(--accent);transform:translate(2px,-50%)}.drawer:not(.open):hover .drawer-slide-hint .slide-label{opacity:1}.drawer-tab{color:var(--ink-soft);justify-content:center;align-items:center;padding:16px 16px 12px;display:flex}.drawer-tab .logo{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-family:Fraunces,serif;font-size:20px;font-weight:500;display:none}.drawer.open .drawer-tab{justify-content:space-between;padding:12px 16px}.drawer.open .drawer-tab .logo{animation:.25s forwards fade-in;display:block}.drawer-handle{width:28px;height:28px;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.drawer-handle:hover{background:var(--fill-hover);color:var(--ink)}.drawer-spacer{flex:1}.drawer.open .drawer-spacer{display:none}.round-indicator{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.drawer.open .round-indicator{display:none}.today-mini{flex-direction:column;align-items:center;gap:16px;padding:8px 0 12px;display:flex}.drawer.open .today-mini{display:none}.today-mini-row{flex-direction:column;align-items:center;gap:4px;display:flex}.tm-marker{display:block}.tm-marker.tm-focus{background:var(--accent);border-radius:50%;width:8px;height:8px}.tm-marker.tm-break{background:var(--sage);border-radius:4px;width:8px;height:4px}.tm-num{color:var(--ink);font-feature-settings:"tnum";font-family:Fraunces,serif;font-size:16px;font-weight:500;line-height:1}.tm-unit{color:var(--ink-soft);vertical-align:baseline;margin-left:1px;font-family:JetBrains Mono,monospace;font-size:9px}.drawer-body{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px 16px 24px;display:flex;overflow:hidden}.drawer-panel{text-align:center;flex-direction:column;align-items:center;gap:96px;width:100%;max-width:260px;display:flex}.drawer-panel-summary,.drawer-panel-bouquet{flex-direction:column;align-items:center;width:100%;display:flex}.drawer-panel .drawer-section-title{text-align:center;width:100%;margin-bottom:16px}.summary-stack{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.summary-stat{flex-direction:column;align-items:center;display:flex}.drawer-section-title{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px}.summary-stat .stat-num{color:var(--ink);letter-spacing:-.02em;font-family:Fraunces,serif;font-size:28px;font-weight:500;line-height:1}.summary-stat .stat-unit{color:var(--ink-soft);margin-left:2px;font-family:JetBrains Mono,monospace;font-size:12px}.summary-stat .stat-label{color:var(--ink-soft);margin-top:8px;font-family:Inter,sans-serif;font-size:11px;line-height:1.25}.drawer-bouquet-wrap{aspect-ratio:896/1190;width:min(100%,200px);margin:0 auto;position:relative}.drawer-bouquet-img{object-fit:contain;object-position:center bottom;pointer-events:none;opacity:0;image-rendering:auto;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.drawer-bouquet-img.is-ready{opacity:1}.bouquet-count{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px}.text-btn{text-align:left;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:8px 4px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .15s,background .15s,padding .15s}.text-btn:hover{color:var(--ink);background:var(--fill);padding-left:8px}.text-btn.danger:hover{color:var(--accent)}.stage{flex-direction:column;align-items:center;min-height:0;padding-top:5vh;padding-bottom:3vh;transition:padding-left .35s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;inset:0;overflow:visible}.timer-display{z-index:2;color:var(--ink);letter-spacing:0;justify-content:center;align-items:baseline;font-family:Fraunces,serif;font-size:clamp(96px,min(max(11vw,96px),max(17vh,96px)),156px);font-weight:300;line-height:1;display:flex;position:relative}.timer-display .digit{text-align:center;width:.54em;display:inline-block}.timer-display .digit-sep{text-align:center;width:.18em;padding-bottom:.04em;display:inline-block}.session-label{z-index:2;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex;position:relative}.session-label .indicator{background:var(--accent);border-radius:50%;width:8px;height:8px;transition:width .25s,height .25s,border-radius .25s,background .25s;animation:2s ease-in-out infinite pulse-soft;display:inline-block}.session-label.short .indicator{background:var(--sage);border-radius:4px;width:8px;height:4px}.session-label.long .indicator{background:var(--sage);border-radius:4px;width:16px;height:4px}.session-label.break .indicator{background:var(--sage)}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes btn-pulse{0%{box-shadow:0 6px 22px var(--shadow), 0 0 0 0px #d3676180}50%{box-shadow:0 6px 22px var(--shadow), 0 0 0 16px #d3676100}to{box-shadow:0 6px 22px var(--shadow), 0 0 0 16px #d3676100}}.pill-btn.primary.paused{animation:4s ease-out infinite btn-pulse}.pill-btn.running{background:var(--surface);color:var(--ink);border-color:var(--ink);box-shadow:none;justify-content:center;min-width:168px}.session-label.paused .indicator{opacity:.4;animation:none}.flower-area{pointer-events:none;flex-shrink:0;width:min(56vh,520px);min-width:320px;height:min(56vh,520px);min-height:320px;margin-top:4vh;position:relative;overflow:visible}.stage.break .flower-area{flex:auto;align-self:center;width:min(56vh,92vw,520px);min-width:0;max-width:520px;height:auto;min-height:280px;margin-top:2vh}.flower-stage{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.flower-stage svg.flower{width:100%;height:100%;overflow:visible}.peony-frame{transition:opacity .8s;position:absolute}.peony-mount{left:50%;bottom:var(--peony-bottom,0);width:min(var(--peony-max-width,96vw), 96vw);height:var(--peony-height,72vh);transform:translateX(-50%) scale(var(--peony-scale,1.8));transform-origin:50% 100%;z-index:1;position:absolute;pointer-events:none!important}.peony-mount *{pointer-events:none!important}.peony-mount .peony-media{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.peony-mount .peony-fallback{transform:scale(var(--peony-bloom-scale,1));transform-origin:bottom}.peony-img{left:50%;bottom:var(--peony-bottom,0);height:var(--peony-height,72vh);max-width:var(--peony-max-width,min(96vw, 960px));width:min(var(--peony-max-width,96vw), 96vw);transform:translateX(-50%) scale(var(--peony-scale,1.8));transform-origin:50% 100%;object-fit:contain;object-position:center bottom;pointer-events:none;z-index:1;position:absolute}.stage-bouquet{justify-content:center;align-items:flex-end;width:320px;height:360px;display:flex;position:relative}.stage-bouquet-flowers{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:38%;left:0;right:0}.stage-flower{width:72px;height:80px;margin:0 -12px}.stage-bouquet-empty{color:var(--ink-faint);text-align:center;max-width:260px;font-family:Fraunces,serif;font-size:16px;font-style:italic;position:absolute;bottom:62%;left:50%;transform:translate(-50%)}.stage-jar{width:100%;height:auto}.rays-anchor{left:50%;bottom:var(--rays-bottom,58vh);pointer-events:none;z-index:0;width:0;height:0;position:absolute;transform:translate(-50%)}.ray-arm{transform-origin:0 0;width:0;height:0;position:absolute;bottom:0;left:0}.ray-inner{transform-origin:bottom;opacity:0;background:linear-gradient(#fff0,#ffffff52);border-radius:3px;width:3px;position:absolute;bottom:0;left:-1.5px}.stage.paused .ray-inner{animation-play-state:paused}.ray-arm:first-child{transform:rotate(-82deg)}.ray-arm:nth-child(2){transform:rotate(-62deg)}.ray-arm:nth-child(3){transform:rotate(-42deg)}.ray-arm:nth-child(4){transform:rotate(-20deg)}.ray-arm:nth-child(5){transform:rotate(0)}.ray-arm:nth-child(6){transform:rotate(20deg)}.ray-arm:nth-child(7){transform:rotate(42deg)}.ray-arm:nth-child(8){transform:rotate(62deg)}.ray-arm:nth-child(9){transform:rotate(82deg)}.ray-arm:first-child .ray-inner{height:25vmin;animation:4s ease-out 50ms infinite ray-grow}.ray-arm:nth-child(2) .ray-inner{height:31vmin;animation:4s ease-out .1s infinite ray-grow}.ray-arm:nth-child(3) .ray-inner{height:36vmin;animation:4s ease-out .2s infinite ray-grow}.ray-arm:nth-child(4) .ray-inner{height:40vmin;animation:4s ease-out .3s infinite ray-grow}.ray-arm:nth-child(5) .ray-inner{height:41vmin;animation:4s ease-out .4s infinite ray-grow}.ray-arm:nth-child(6) .ray-inner{height:40vmin;animation:4s ease-out .3s infinite ray-grow}.ray-arm:nth-child(7) .ray-inner{height:36vmin;animation:4s ease-out .2s infinite ray-grow}.ray-arm:nth-child(8) .ray-inner{height:31vmin;animation:4s ease-out .1s infinite ray-grow}.ray-arm:nth-child(9) .ray-inner{height:34vmin;animation:4s ease-out 50ms infinite ray-grow}@keyframes ray-grow{0%,to{opacity:0}18%{opacity:.62}60%{opacity:.28}}.bq-stage{width:100%;height:100%;position:relative;overflow:visible}.bq-img{object-fit:contain;object-position:center bottom;z-index:2;width:100%;height:100%;transition:opacity .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.bq-vis{opacity:1}.bq-hid{opacity:0;pointer-events:none}.bq-rays-anchor{pointer-events:none;z-index:1;width:0;height:0;position:absolute;top:73%;left:50%}.bq-ray-arm{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.bq-ray-inner{transform-origin:bottom;opacity:0;background:linear-gradient(#ffdcaa00 0%,#ffdcaab3 65%,#ffdcaa00 100%);border-radius:4px;width:4px;position:absolute;bottom:0;left:-2px}.bq-ray-arm:first-child{transform:rotate(0)}.bq-ray-arm:nth-child(2){transform:rotate(30deg)}.bq-ray-arm:nth-child(3){transform:rotate(60deg)}.bq-ray-arm:nth-child(4){transform:rotate(90deg)}.bq-ray-arm:nth-child(5){transform:rotate(120deg)}.bq-ray-arm:nth-child(6){transform:rotate(150deg)}.bq-ray-arm:nth-child(7){transform:rotate(180deg)}.bq-ray-arm:nth-child(8){transform:rotate(210deg)}.bq-ray-arm:nth-child(9){transform:rotate(240deg)}.bq-ray-arm:nth-child(10){transform:rotate(270deg)}.bq-ray-arm:nth-child(11){transform:rotate(300deg)}.bq-ray-arm:nth-child(12){transform:rotate(330deg)}.bq-ray-arm:first-child .bq-ray-inner{height:16vmin}.bq-ray-arm:nth-child(2) .bq-ray-inner{height:20vmin}.bq-ray-arm:nth-child(3) .bq-ray-inner{height:26vmin}.bq-ray-arm:nth-child(4) .bq-ray-inner{height:30vmin}.bq-ray-arm:nth-child(5) .bq-ray-inner{height:28vmin}.bq-ray-arm:nth-child(6) .bq-ray-inner{height:24vmin}.bq-ray-arm:nth-child(7) .bq-ray-inner{height:22vmin}.bq-ray-arm:nth-child(8) .bq-ray-inner{height:24vmin}.bq-ray-arm:nth-child(9) .bq-ray-inner{height:28vmin}.bq-ray-arm:nth-child(10) .bq-ray-inner{height:30vmin}.bq-ray-arm:nth-child(11) .bq-ray-inner{height:26vmin}.bq-ray-arm:nth-child(12) .bq-ray-inner{height:20vmin}.bq-rays-anchor.bq-burst .bq-ray-arm:first-child .bq-ray-inner{animation:1.6s ease-out forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(2) .bq-ray-inner{animation:1.6s ease-out 30ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(3) .bq-ray-inner{animation:1.6s ease-out 60ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(4) .bq-ray-inner{animation:1.6s ease-out 90ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(5) .bq-ray-inner{animation:1.6s ease-out 60ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(6) .bq-ray-inner{animation:1.6s ease-out 30ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(7) .bq-ray-inner{animation:1.6s ease-out forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(8) .bq-ray-inner{animation:1.6s ease-out 30ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(9) .bq-ray-inner{animation:1.6s ease-out 60ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(10) .bq-ray-inner{animation:1.6s ease-out 90ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(11) .bq-ray-inner{animation:1.6s ease-out 60ms forwards bq-ray-burst}.bq-rays-anchor.bq-burst .bq-ray-arm:nth-child(12) .bq-ray-inner{animation:1.6s ease-out 30ms forwards bq-ray-burst}@keyframes bq-ray-burst{0%{opacity:0;transform:scaleY(.05)}10%{opacity:.9}45%{opacity:.48}to{opacity:0;transform:scaleY(1)}}.bottom-controls{z-index:10;align-items:center;gap:24px;margin-top:auto;padding-top:2vh;display:flex;position:relative}.pill-btn{border:1.5px solid var(--ink);background:var(--surface);height:52px;color:var(--ink);-webkit-backdrop-filter:blur(8px);letter-spacing:.22em;text-transform:uppercase;border-radius:999px;align-items:center;gap:12px;padding:0 24px;font-family:JetBrains Mono,monospace;font-size:12px;transition:transform .15s,background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.pill-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.pill-btn.primary{background:var(--accent);color:var(--btn-on-accent);border-color:var(--accent);box-shadow:0 6px 22px var(--shadow);justify-content:center;min-width:168px}.pill-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 28px var(--shadow);transform:translateY(-1px)}.pill-btn .kbd-hint{opacity:.55;letter-spacing:.12em;text-transform:none;margin-left:8px;font-size:10px}.icon-btn{position:relative}.icon-btn .btn-state{transition:opacity .15s}.icon-btn .btn-hover{opacity:0;pointer-events:none;transition:opacity .15s;position:absolute}.icon-btn:hover .btn-state{opacity:0}.icon-btn:hover .btn-hover{opacity:1}.icon-btn{border:1.5px solid var(--border);background:var(--surface);width:56px;height:56px;color:var(--ink-soft);-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;transition:transform .15s,background .15s,color .15s,border-color .15s,box-shadow .15s;display:grid}.icon-btn:hover{background:var(--ink);color:var(--ink-inverse);border-color:var(--ink);box-shadow:0 4px 16px var(--shadow);transform:scale(1.05)}.icon-btn:active{transform:scale(.96)}.bottom-right{right:max(28px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));z-index:30;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed}.durations{color:var(--ink-soft);-webkit-font-smoothing:antialiased;grid-template-columns:28px 64px auto;align-items:center;gap:4px 12px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.35;display:grid}.durations .swatch-wrap{justify-content:center;align-items:center;height:14px;display:flex}.durations .swatch{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.durations .swatch.short{background:var(--sage);border-radius:4px;width:8px;height:4px}.durations .swatch.long{background:var(--sage);border-radius:4px;width:16px;height:4px}.durations .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-align:left}.durations .dur{font-synthesis:none;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.durations-foot{border-top:1px dashed var(--border-dash);color:var(--ink-faint);text-align:right;-webkit-font-smoothing:antialiased;margin-top:8px;padding-top:8px;font-family:Inter,sans-serif;font-size:12px;font-style:italic;line-height:1.4}.modal-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(8px);z-index:50;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-card);width:min(520px,92vw);box-shadow:0 24px 60px var(--shadow), 0 0 0 1px var(--border);border-radius:18px;padding:28px 32px;animation:.25s cubic-bezier(.2,.7,.3,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-family:Fraunces,serif;font-size:28px;font-weight:400}.setting-group{background:var(--fill);border:1px solid var(--border);border-radius:14px;margin-top:12px;padding:4px 16px}.setting-group+.setting-group{margin-top:16px}.setting-group:last-of-type{margin-bottom:16px}.setting-group-label{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;padding:12px 0 4px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.setting-group-label .group-marker{align-items:center;gap:4px;display:inline-flex}.setting-group-label .gm-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.setting-group-label .gm-dash-s{background:var(--sage);border-radius:4px;width:8px;height:4px}.setting-group-label .gm-dash-l{background:var(--sage);border-radius:4px;width:16px;height:4px}.setting-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 52px;align-items:center;column-gap:12px;padding:16px 0;display:grid}.setting-row:last-child{border-bottom:0}.setting-row .setting-control{justify-content:center;align-items:center;display:flex}.setting-label .name{color:var(--ink);font-family:Fraunces,serif;font-size:19px}.stepper{background:var(--fill);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.step-btn{width:32px;height:32px;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;place-items:center;font-size:16px;transition:background .12s,color .12s;display:grid}.step-btn:hover{background:var(--fill-hover);color:var(--ink)}.step-btn:disabled{opacity:.35;cursor:not-allowed}.step-val{text-align:center;font-variant-numeric:tabular-nums;min-width:60px;color:var(--ink);cursor:text;font-family:Fraunces,serif;font-size:22px;font-weight:500}.step-val:hover{opacity:.7}.step-input{text-align:center;width:60px;min-width:60px;color:var(--ink);border:none;border-bottom:1.5px solid var(--accent);-moz-appearance:textfield;background:0 0;outline:none;padding:0 2px;font-family:Fraunces,serif;font-size:22px;font-weight:500}.step-input::-webkit-outer-spin-button{-webkit-appearance:none}.step-input::-webkit-inner-spin-button{-webkit-appearance:none}.step-unit{color:var(--ink-faint);text-align:left;font-family:JetBrains Mono,monospace;font-size:11px}.modal-actions{justify-content:space-between;align-items:center;margin-top:36px;display:flex}.modal-actions .btn-primary{margin-left:auto}.reset-btn{align-items:center;gap:8px;display:inline-flex}.btn-text{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);background:0 0;border:none;padding:8px 4px;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .15s}.btn-text:hover{color:var(--ink)}.btn-primary{background:var(--accent);color:var(--btn-on-accent);letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:999px;padding:12px 24px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background .15s,transform .12s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.top-right-btns{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));z-index:30;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:700px) and (max-width:959px){.timer-display{font-size:clamp(96px,min(max(9vw,96px),max(15vh,96px)),110px)!important}.flower-area{width:min(48vh,420px)!important;height:min(48vh,420px)!important}.stage.break .flower-area{flex:auto!important;width:min(52vh,100vw - 96px,480px)!important;max-width:480px!important;height:auto!important;min-height:300px!important}.drawer.open{width:280px}.pill-btn{gap:10px!important;height:46px!important;padding:0 20px!important}.pill-btn.primary,.pill-btn.running{min-width:148px!important}}@media (min-width:700px) and (max-height:720px){.stage{padding-top:3vh;padding-bottom:2vh}.session-label{margin-top:10px}.flower-area{margin-top:2vh}}@media (max-width:699px),(max-width:960px) and (pointer:coarse){body{min-width:0!important;min-height:0!important}.modal{border-radius:14px!important;padding:20px 18px!important}#mobile-app-root{--peony-height:72vh;--peony-scale:2.05;--peony-max-width:100vw;width:100%;height:100dvh;position:relative;min-width:0!important}#mobile-app-root .stage{position:absolute;inset:0;padding-top:calc(max(1vh, env(safe-area-inset-top)) + 20px)!important;padding-bottom:calc(64px + 24px + 46px + env(safe-area-inset-bottom) + 16px)!important;padding-left:0!important}#mobile-app-root .timer-display{flex-shrink:0;align-items:center;min-height:20dvh;font-size:clamp(96px,max(22dvh,96px),132px)!important}#mobile-app-root .session-label{flex-shrink:0;margin-top:4px!important}#mobile-app-root .flower-area,#mobile-app-root .stage.break .flower-area{left:50%!important;right:auto!important;bottom:env(safe-area-inset-bottom)!important;z-index:5!important;pointer-events:none!important;flex:none!important;align-self:auto!important;width:min(92vw,440px)!important;max-width:440px!important;height:min(62dvh,480px)!important;min-height:280px!important;max-height:62dvh!important;margin:0!important;position:fixed!important;top:auto!important;transform:translate(-50%)!important}#mobile-app-root .peony-mount,#mobile-app-root .peony-img{bottom:env(safe-area-inset-bottom)!important;z-index:5!important;width:min(var(--peony-max-width,100vw), 100vw)!important;max-width:100vw!important;position:fixed!important}#mobile-app-root .rays-anchor{position:fixed!important}.mbd-bottom-bar{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom) + 24px);z-index:25;position:fixed}#mobile-app-root .bottom-controls{z-index:25;align-items:center;width:100%;display:flex;position:relative;gap:10px!important;margin:0!important;padding:0!important}#mobile-app-root .pill-btn--start{flex:auto;justify-content:center;gap:8px!important;min-width:0!important;height:46px!important;padding:0 20px!important;font-size:13px!important}#mobile-app-root .pill-btn--start.primary,#mobile-app-root .pill-btn--start.running{min-width:0!important}#mobile-app-root .pill-btn--skip{flex:0 0 46px;justify-content:center;border-radius:50%!important;gap:0!important;width:46px!important;min-width:46px!important;height:46px!important;padding:0!important}#mobile-app-root .pill-btn .kbd-hint{display:none!important}.mbd-drawer{z-index:40;background:var(--surface);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));flex-direction:column;transition:height .38s cubic-bezier(.2,.7,.3,1),background .3s;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.mbd-drawer:not(.open){cursor:pointer}.mbd-drawer:not(.open):active{background:var(--surface-hover)}.mbd-drawer.open{background:var(--surface-open);cursor:default;height:calc(100dvh - 48px)}.mbd-panel{opacity:0;pointer-events:none;flex-direction:column;flex:0 0 0;min-height:0;max-height:0;display:flex;overflow:hidden}.mbd-drawer.open .mbd-panel{opacity:1;pointer-events:auto;flex:auto;max-height:none}.mbd-collapsed{box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:center;height:64px;padding:0 12px 0 16px;display:flex;position:relative}.mbd-drawer.open .mbd-collapsed{display:none}.mbd-today-mini{align-items:center;gap:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mbd-today-row{flex-direction:row;align-items:center;gap:5px;display:flex}.mbd-handle{width:40px;height:40px;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;padding:0;display:grid}.mbd-handle svg{transition:transform .25s}.mbd-handle--collapsed svg{transform:rotate(-90deg)!important}.mbd-handle--open svg{transform:rotate(90deg)!important}.mbd-panel-head{border-bottom:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.mbd-panel-head:active{background:var(--surface-hover)}.mbd-logo{letter-spacing:-.01em;color:var(--ink);font-family:Fraunces,serif;font-size:20px;font-weight:500}.mbd-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;min-height:0;padding:20px;display:flex;overflow-y:auto}.mbd-section{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.mbd-section .drawer-section-title{margin-bottom:16px}.mbd-section .bouquet-count{margin-bottom:14px}.mbd-summary-row{flex-direction:row;justify-content:center;align-items:flex-start;gap:48px;width:100%;display:flex}.mbd-footer{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:20px;padding:8px 16px 16px;display:flex}.mbd-footer-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;max-width:100%;display:flex}.mbd-leg-item{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.mbd-leg-after{color:var(--ink-faint)}.mbd-leg-swatch{flex-shrink:0;display:inline-block}.mbd-leg-swatch--focus{background:var(--accent);border-radius:50%;width:8px;height:8px}.mbd-leg-swatch--short{background:var(--sage);border-radius:4px;width:8px;height:4px}.mbd-leg-swatch--long{background:var(--sage);border-radius:4px;width:12px;height:4px}.mbd-actions{flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex}.mbd-actions .icon-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:48px!important;height:48px!important}.mbd-actions .btn-hover{display:none}.mbd-actions .icon-btn .btn-state{opacity:1!important;position:static!important}.mbd-actions .icon-btn svg{color:currentColor;display:block}.mbd-actions .icon-btn:hover,.mbd-actions .icon-btn:focus{background:var(--surface)!important;color:var(--ink-soft)!important;border-color:var(--border)!important;box-shadow:none!important;outline:none!important;transform:none!important}.mbd-actions .icon-btn:hover .btn-state,.mbd-actions .icon-btn:focus .btn-state,.mbd-actions .icon-btn:active .btn-state{opacity:1!important}.mbd-actions .icon-btn:focus-visible{outline-offset:2px;outline:2px solid var(--accent)!important}.mbd-actions .icon-btn:active{transition-duration:50ms;background:var(--surface-hover)!important;color:var(--ink-soft)!important;transform:scale(.94)!important}}