.liquid-background{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
:root{--color-bg:#000;--color-surface-1:#16161aeb;--color-surface-2:#181819;--color-surface-3:#1c1c1d;--color-surface-4:#262629;--color-surface-muted:#ffffff0d;--color-border:#fafafc14;--color-border-strong:#25272c;--color-text:#fff;--color-muted:#9ea3b4;--color-subtle:#8d95a8;--accent-primary:#1bd760;--accent-secondary:#a855f7;--accent-active:#1bd760;--accent-info:#38bdf8;--accent-danger:#ef4444;--accent-warning:#f97316;--accent-focus:#f5c45166;--accent-interactive:var(--accent-primary);--accent-interactive-hover:#f7d07a;--accent-form-control:var(--accent-primary);--accent-task-active:#10b981;--accent-task-plus:#ef4444;--color-accent:var(--accent-primary);--color-accent-rgb:245,196,81;--color-focus:var(--accent-active);--color-short:#6fa8ff;--color-long:#ff7a7a;--shadow-soft:0 18px 40px #03060f33;--shadow-strong:0 25px 50px -12px #00000040;--blur-panel:12px;--control-bg:#ffffff0d;--control-bg-strong:#ffffff14;--control-border:#ffffff1a;--control-border-hover:#ffffff2e;--control-border-focus:rgba(var(--accent-rgb),.5);--control-text:#f5f5f7;--control-muted:#8d95a8;--control-placeholder:#8a92a6;--control-radius:var(--radius-md);--control-radius-lg:var(--radius-lg);--control-padding-sm:8px 10px;--control-padding-md:10px 14px;--control-padding-lg:12px 16px;--control-min-width:140px;--control-shadow-focus:0 0 0 2px rgba(var(--accent-rgb),.18);--control-transition:all var(--duration-med)ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-inter:"Inter";--font-space-grotesk:"Space Grotesk";--font-dm-sans:"DM Sans";--font-kode-mono:"Kode Mono";--font-oxanium:"Oxanium";--font-hubot-sans:"Hubot Sans";--font-tomorrow:"Tomorrow";--font-bitcount-single:"Bitcount Single";--font-sans:var(--font-inter,ui-sans-serif),system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-display:var(--font-space-grotesk,ui-sans-serif),system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-standard:cubic-bezier(.24,1,.32,1);--duration-fast:.12s;--duration-med:.18s;--duration-slow:.24s;--duration-panel:.56s;--duration-modal:.4s;--ease-panel:cubic-bezier(.22,1,.36,1);--ease-modal:cubic-bezier(.16,1,.3,1);--breakpoint-mobile:768px;--bg:var(--color-bg);--panel:var(--color-surface-1);--panel-bg-dark:10,12,14;--panel-card-bg:var(--color-surface-2);--panel-border:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--accent-note:var(--color-accent);--accent-rgb:var(--color-accent-rgb);--breathe:linear-gradient(135deg,#5acfffe6,#ad92fff2);--warmup:linear-gradient(135deg,#ffb366,#ffb366);--cooldown:linear-gradient(135deg,#9b7dff,#9b7dff);--focus-solid:#1bd760;--short-solid:#6fa8ff;--long-solid:#ff7a7a;--breathe-solid:#5acfff;--warmup-solid:#ffb366;--cooldown-solid:#9b7dff;--focus:linear-gradient(135deg,var(--color-focus),var(--color-focus));--short:linear-gradient(135deg,var(--color-short),var(--color-short));--long:linear-gradient(135deg,var(--color-long),var(--color-long));--border-radius:var(--radius-lg);--btn-bg:var(--color-surface-muted);--btn-text:var(--color-text);--btn-border:#2a2a31;--btn-primary:var(--color-accent);--neo-acc:var(--color-accent);--timer-font:var(--font-display);--task-card-height:72px;--surface-card:var(--color-surface-muted);--surface-button:var(--btn-bg);--surface-button-border:var(--btn-border);--panel-padding:var(--space-5);--panel-gap:var(--space-3);--st-sidebar-bg:#0f0f11;--st-content-bg:#161618;--st-input-bg:#222226;--st-divider:#ffffff14;--st-border-subtle:#ffffff0f;--st-text:#f4f4f5;--st-text-secondary:#a1a1aa;--st-text-muted:#71717a;--st-radius:16px}.btn{font:inherit;color:var(--control-text);background:var(--control-bg);border-radius:var(--control-radius);padding:var(--control-padding-md);cursor:pointer;transition:var(--control-transition);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:saturate(120%)blur(4px);backdrop-filter:saturate(120%)blur(4px);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn svg{vertical-align:middle;display:inline-block}.btn-xs{padding:var(--control-padding-xs,4px 8px);font-size:.85rem}.btn-sm{padding:var(--control-padding-sm);font-size:.92rem}.btn-lg{padding:var(--control-padding-lg);font-size:1rem}.btn-pri{background:rgba(var(--color-accent-rgb),.16);border-color:rgba(var(--color-accent-rgb),.55);color:#fff}.btn-sec{background:var(--control-bg);border-color:var(--control-border)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{color:#ff7a7a;background:#ff7a7a14;border-color:#ff7a7a99}.btn:hover{border-color:var(--control-border-hover);background:#ffffff14;transform:scale(1.02)}.btn-pri:hover{border-color:rgba(var(--color-accent-rgb),.75);background:rgba(var(--color-accent-rgb),.24)}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff14}.btn:active{transform:scale(.96)}.btn:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);outline:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.35;filter:saturate(.4);cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:40px;min-width:40px;height:40px;min-height:40px}@media (max-width:768px){.btn-icon{min-width:40px;height:40px;min-height:40px}}.btn__icon{justify-content:center;align-items:center;display:inline-flex}.btn__label{flex-direction:row;display:flex}.btn-badge-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.pill{cursor:pointer;transition:border-color var(--duration-fast)ease,background var(--duration-fast)ease,transform var(--duration-fast)ease;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;display:inline-flex}.pill:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.pill-compact{border-radius:10px;gap:6px;padding:8px 12px;font-size:.9rem}.pill input[type=radio]{display:none}.pill:has(input:checked){border-color:rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.12);color:#fff}.chip,.chip-button{color:#ffffffe6;cursor:pointer;transition:border-color var(--duration-fast)ease,background var(--duration-fast)ease,color var(--duration-fast)ease;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.chip--compact,.chip.chip--compact,.chip-button.chip--compact{gap:6px;padding:6px 10px;font-size:.9rem}.chip--muted,.chip.chip--muted,.chip-button.chip--muted{color:var(--control-muted);background:#ffffff0a;border-color:#ffffff1a}.chip.is-active,.chip-button.is-active{border-color:rgba(var(--color-accent-rgb),.6);background:rgba(var(--color-accent-rgb),.14);color:#fff}.chip-swatch{background:currentColor;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff2e}.accent-preset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.accent-chip{appearance:none;color:#f5f5f7;border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--duration-fast)ease,box-shadow var(--duration-fast)ease,transform var(--duration-fast)ease,background var(--duration-fast)ease;background:#1c1c22a6;border:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 12px;display:flex}.accent-chip:hover,.accent-chip:focus-visible{border-color:rgba(var(--color-accent-rgb),.5);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.16)}.accent-chip:focus-visible{outline:none}.accent-chip:active{transform:translateY(1px)}.accent-chip.is-active{border-color:rgba(var(--color-accent-rgb),.75);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2);background:#22222ad9}.accent-chip .chip-swatch{background:var(--chip-color);border-radius:999px;flex:none;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff2e}.accent-chip .chip-label{font-size:.85rem;font-weight:500}.input,.select,.textarea{width:100%;min-width:var(--control-min-width);padding:var(--control-padding-md);border-radius:var(--control-radius);border:1px solid var(--control-border);background:var(--control-bg-strong);color:var(--control-text);transition:var(--control-transition)}.field{flex-direction:column;gap:6px;display:flex}.field-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.field-stacked{flex-direction:column;align-items:stretch;gap:8px}.field-label{color:#ffffffe6;font-weight:600}.field-help{color:var(--control-muted);font-size:.9rem}.field-sm{gap:4px}.field-lg{gap:8px}.field-group{gap:12px;display:grid}.group-row{align-items:center;gap:8px;display:flex}.group-col-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-col-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.group-col-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-full{grid-column:1/-1}.unite>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.unite>:not(:first-child):not(:last-child){border-radius:0}.unite>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group{flex-wrap:wrap;gap:8px;display:inline-flex}.inline-group{flex-direction:column;gap:6px;display:flex}.inline-group-label{color:#ffffffe6;font-weight:600}.inline-group-body{align-items:center;gap:8px;display:flex}.btn-group.unite>*{border-radius:0}.btn-group.unite>:first-child{border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}.btn-group.unite>:last-child{border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}.input-sm{padding:var(--control-padding-sm);font-size:.92rem}.input-lg{padding:var(--control-padding-lg);font-size:1rem}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--control-placeholder)}.input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.input[type=number]{appearance:textfield}.input:hover,.select:hover,.textarea:hover{border-color:var(--control-border-hover)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background:#ffffff0a}.input-bare{border-radius:var(--control-radius);padding:var(--control-padding-sm);min-width:var(--control-min-width);transition:var(--control-transition);background:#ffffff0a;border:1px solid #0000}.input-bare:hover{background:#ffffff0f;border-color:#ffffff14}.input-bare:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);background:#ffffff0f}.input-bg{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--control-radius);padding:var(--control-padding-sm)}.bg-dark{background:#00000059}.textarea{resize:vertical;min-height:120px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bdbdbd'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:36px}.slider{appearance:none;background:linear-gradient(90deg,var(--accent-form-control)var(--range-fill,0%),#ffffff2e var(--range-fill,0%));border-radius:999px;width:100%;height:8px}.slider:focus-visible{box-shadow:var(--control-shadow-focus);outline:none}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;transition:transform var(--control-transition);background:#fff;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #00000059}.slider:active::-webkit-slider-thumb{transform:scale(.96)}.slider::-moz-range-thumb{width:18px;height:18px;transition:transform var(--control-transition);background:#fff;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #00000059}.slider:active::-moz-range-thumb{transform:scale(.96)}.slider-wrap{align-items:center;gap:8px;display:flex}.slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;color:var(--control-muted)}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex;position:relative}.switch-track{border:1px solid var(--control-border);width:48px;height:26px;transition:var(--control-transition);background:#383838;border-radius:999px;position:relative;box-shadow:0 1px 4px #00000040}.switch-thumb{width:20px;height:20px;transition:var(--control-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000059}.switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch input:checked+.switch-track{background:var(--accent-form-control);border-color:var(--accent-form-control)}.switch input:checked+.switch-track .switch-thumb{transform:translate(22px)}.switch input:focus-visible+.switch-track{box-shadow:var(--control-shadow-focus)}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.switch-text{flex-direction:column;gap:4px;display:flex}:where(.sc-switch-root){cursor:pointer;width:72px;height:28px;transition:var(--control-transition);background:#ffffff2e;border-radius:999px;flex-shrink:0;justify-content:flex-start;align-items:center;display:inline-flex;position:relative;box-shadow:0 1px 4px #00000040}:where(.sc-switch-root[data-state=checked]){background:var(--accent-form-control)}:where(.sc-switch-thumb){width:40px;height:24px;transition:var(--control-transition);background:#fff;border-radius:999px;display:block;transform:translate(1px)}:where(.sc-switch-root[data-state=checked]) :where(.sc-switch-thumb){transform:translate(11px)}:where(.sc-switch-root:focus-visible){box-shadow:var(--control-shadow-focus)}:where(.sc-switch-root:disabled),:where(.sc-switch-root[data-disabled]){opacity:.5;cursor:not-allowed}:where(.slider-root){touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;align-items:center;width:100%;min-width:0;display:flex;position:relative}:where(.slider-track){background:#ffffff2e;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}:where(.slider-range){background:var(--accent);height:100%;position:absolute}:where(.slider-thumb){width:16px;height:16px;transition:var(--control-transition);background:#fff;border-radius:999px;box-shadow:0 1px 4px #00000040}:where(.slider-thumb:focus-visible){box-shadow:var(--control-shadow-focus)}:where(.slider-root)[data-disabled],:where(.slider-root)[data-disabled] :where(.slider-thumb){opacity:.5}
.number-stepper{align-items:center;gap:10px;display:flex}.stepper-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#fff3}.stepper-btn:active:not(:disabled){background:#ffffff26;transform:scale(.95)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value-group{justify-content:center;align-items:center;gap:6px;min-width:40px;display:flex}.number-stepper .stepper-input,.stepper-input[type=number]{text-align:center;appearance:textfield;width:fit-content;min-width:20px;font-size:15px;font-weight:500;color:#fff!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{box-shadow:none!important;outline:none!important}.stepper-label{color:#fff9;white-space:nowrap;font-size:13px}
@property --spread-phase{syntax:"<number>";inherits:true;initial-value:0}@property --scale-factor{syntax:"<number>";inherits:true;initial-value:.01}@property --rotation-angle{syntax:"<angle>";inherits:true;initial-value:360deg}body.breathe-mode #app{--ui-blur-effective:var(--ui-blur-max,12px)}body.breathe-mode #bg-root{filter:blur(var(--ui-blur-max,12px))!important}body.breathe-mode #bottom-progress{opacity:0;pointer-events:none;transition:opacity .4s}#breathe-timer{display:none}body.breathe-mode .timer-stack-content,body.breathe-mode .flowco-stack,body.breathe-mode #upcoming-wrap{opacity:0;filter:blur(30px);pointer-events:none}body.breathe-mode .app-header,body.breathe-mode #flowco-bottom{opacity:0;z-index:-1}.breathe-panel{box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(20px,4vw,36px);transition:opacity 1s;display:flex;position:relative}body.breathe-mode .breathe-panel{opacity:1;pointer-events:auto}.breathe-panel-stage{flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);margin:0 auto;display:flex}.breathe-panel .stage{aspect-ratio:1;place-items:center;display:grid}.breathe-panel .prompt.overlay{pointer-events:none;text-align:center;z-index:3;mix-blend-mode:difference;width:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scale(.75)}.instruction{--text-letter-spacing:0em;--text-font-size:2em;--text-duration:4s;--text-fade-duration:1.2s;opacity:0;filter:blur(10px);text-align:center;width:100%;font-size:var(--text-font-size,2em);letter-spacing:var(--text-letter-spacing,0em);transform-origin:50%;transition:letter-spacing var(--text-duration,6s)ease,font-size var(--text-duration,6s)ease,color .4s ease;margin:0 auto;font-weight:400}@keyframes instructionPulse{0%{opacity:0;filter:blur(8px)}30%{opacity:.5;filter:blur()}80%{opacity:.5;filter:blur()}to{opacity:0;filter:blur(8px)}}.instruction.visible{animation:instructionPulse var(--breathe-step-ms,4s)ease-in-out forwards}.instruction.goodluck{opacity:0;filter:blur(8px);transition:opacity 1s,filter 1s}.instruction.goodluck.visible{opacity:1;filter:blur()}.instruction.breath-in,.instruction.hold-breath-in{letter-spacing:.2em;font-size:calc(var(--text-font-size) + .5em)}@keyframes countdownPulse{0%{opacity:0;filter:blur(10px);transform:scale(1)}40%{opacity:.5;filter:blur();transform:scale(1)}60%{opacity:.5;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(1)}}.instruction.countdown{letter-spacing:.12em;font-weight:600;animation:1s ease-in-out 3 forwards countdownPulse}.breathe-panel .watch-shell{--face-size:min(270px,72vw);width:var(--face-size);height:var(--face-size);transition:opacity var(--text-fade-duration,2.2s)ease-in-out,filter var(--text-fade-duration,2.2s)ease-in-out;place-items:center;position:relative}.breathe-panel .watch-face{--duration:4s;transform-origin:50%;width:100%;height:100%;transform:rotate(var(--rotation-angle))scale(var(--scale-factor));transition:transform var(--duration)cubic-bezier(.5,0,.5,1),opacity calc(var(--duration)/1)ease-in-out;filter:drop-shadow(0 0 40px #64b9ff73);margin:auto;position:absolute;inset:0}.breathe-panel .watch-face.primary:after{content:"";filter:blur(30px);opacity:.7;pointer-events:none;background:radial-gradient(circle,#7edcff33,#0000 60%);border-radius:50%;transition:opacity .6s;position:absolute;inset:15%}.breathe-panel .watch-face.ghost{opacity:0;filter:blur(3px);pointer-events:none;transition:transform var(--duration)cubic-bezier(.5,0,.5,1),opacity .6s ease}.breathe-panel .watch-face.ghost.ghost-active{opacity:.45}.breathe-panel .watch-face.ghost.ghost-active[data-ghost="0.6"]{opacity:.3}.breathe-panel .watch-face.ghost.ghost-active[data-ghost="0.9"]{opacity:.2}.breathe-panel .watch-face.ghost.ghost-active.phase-out,.breathe-panel .watch-face.ghost.ghost-active.phase-hold-empty{opacity:.12}.breathe-panel .watch-face.ghost:not(.ghost-active).phase-out,.breathe-panel .watch-face.ghost:not(.ghost-active).phase-hold-empty{opacity:0}.breathe-panel .watch-face.phase-pre,.breathe-panel .watch-face.phase-countdown{--spread-phase:0;--scale-factor:0;--rotation-angle:360deg;opacity:0}.breathe-panel .watch-face.phase-in{--spread-phase:1;--scale-factor:1;--rotation-angle:0deg;--letter-spacing:.2em;--instruction-size:clamp(2.1rem,5.6vw,3.4rem)}.breathe-panel .watch-face.phase-hold-full{--spread-phase:1;--scale-factor:1.05;--rotation-angle:0deg;--letter-spacing:.2em;--instruction-size:clamp(2.15rem,5.7vw,3.45rem)}.breathe-panel .watch-face.phase-out{--spread-phase:0;--scale-factor:0;--rotation-angle:360deg;--letter-spacing:.05em;--instruction-size:clamp(1.8rem,5vw,3rem)}.breathe-panel .watch-face.phase-hold-empty{--spread-phase:0;--scale-factor:0;--rotation-angle:360deg;--letter-spacing:.05em;--instruction-size:clamp(1.8rem,5vw,3rem);opacity:0}.breathe-panel .circle{aspect-ratio:1;mix-blend-mode:screen;width:190px;transform:translate(-50%,-50%)translate(calc(var(--offset-x)*var(--spread-phase)),calc(var(--offset-y)*var(--spread-phase)));transition:transform var(--duration)cubic-bezier(.5,0,.5,1);background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ffffff59,0 0 50px #ffffff40}.breathe-panel .circle:first-child{--offset-x:calc(var(--face-size)*-.1575);--offset-y:calc(var(--face-size)*-.27)}.breathe-panel .circle:nth-child(2){--offset-x:calc(var(--face-size)*.1575);--offset-y:calc(var(--face-size)*.27)}.breathe-panel .circle:nth-child(3){--offset-x:calc(var(--face-size)*-.315);--offset-y:0px}.breathe-panel .circle:nth-child(4){--offset-x:calc(var(--face-size)*.315);--offset-y:0px}.breathe-panel .circle:nth-child(5){--offset-x:calc(var(--face-size)*-.1575);--offset-y:calc(var(--face-size)*.27)}.breathe-panel .circle:nth-child(6){--offset-x:calc(var(--face-size)*.1575);--offset-y:calc(var(--face-size)*-.27)}.flowco-bottom-actions .breathe-actions{opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:12px;transition:opacity .24s,transform .24s;display:flex;transform:translateY(8px)}body.breathe-mode .flowco-bottom-actions .breathe-actions{opacity:1;pointer-events:auto;transform:translateY(0)}body.breathe-goodluck .flowco-bottom-actions .breathe-actions{opacity:0;pointer-events:none}.flowco-bottom-actions .breathe-actions .btn-icon [data-lucide=skip-forward]{fill:currentColor}.breathe-overlay{pointer-events:none;opacity:0;z-index:5;justify-content:center;align-items:center;padding:clamp(12px,4vw,32px);transition:opacity .36s;display:flex;position:absolute;inset:clamp(0px,5vw,56px)}.breathe-overlay.open{pointer-events:auto;opacity:1}.breathe-overlay.hidden{display:none}.breathe-overlay .breathe-panel{width:min(760px,96vw);box-shadow:none;background:0 0}body[data-viewer-mode=true] #breathe-reset,body[data-viewer-mode=true] #breathe-skip,body[data-viewer-mode=true] .breathe-actions{pointer-events:none!important;display:none!important}
.connection-status-host{align-items:center;margin-right:8px;display:flex}.connection-status-viewer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6fa8ff26;border:1px solid #6fa8ff4d;border-radius:20px;align-items:center;gap:8px;margin-right:8px;padding:6px 12px;display:flex}.session-info{color:#6fa8ff;align-items:center;gap:6px;margin-right:4px;font-size:.875rem;font-weight:500;display:flex}.session-info svg{width:16px;height:16px}.beacon-container{cursor:pointer;color:#4ade80;justify-content:center;align-items:center;display:flex;position:relative}.beacon-container.host-online{color:#4ade80}.beacon-container.host-offline{color:#ef4444}.beacon-icon{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}.beacon-count{color:#fff;text-align:center;background:#3b82f6;border-radius:10px;min-width:16px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.host-offline-indicator{background:#ef4444e6;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;line-height:1;display:flex;position:absolute;top:-2px;left:-2px}.take-control-btn,.leave-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px 10px;font-size:11px;transition:background .2s}.take-control-btn{background:#3b82f64d}.take-control-btn:hover{color:#fff;background:#3b82f680}.leave-btn:hover{color:#fff;background:#ff3b304d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
.flowco-shell{flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(1080px,100%);margin:0 auto;display:flex;position:relative}#flowco-app-root[data-ui-mode=panel]{--timer-scale:6}#flowco-app-root[data-ui-mode=panel] .flowco-shell{flex:none;width:min(480px,100%);max-width:480px;padding:6px 0 14px}#flowco-app-root[data-ui-mode=panel] .timer-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(175deg,#0d1420d6 0%,#080d18b3 100%);border:1px solid #ffffff1f;border-radius:20px;gap:8px;width:100%;padding:12px 12px 14px;box-shadow:0 20px 44px #02050c75,inset 0 1px #ffffff0a}#flowco-app-root[data-ui-mode=panel] .timer-context-panel,#flowco-app-root[data-ui-mode=panel] .flowco-stack{gap:8px}#flowco-app-root[data-ui-mode=panel] #time-display{letter-spacing:-.035em;margin-left:0;padding:0;font-size:clamp(2.6rem,10vw,4rem);line-height:.88}#flowco-app-root[data-ui-mode=panel] .controls{flex-wrap:wrap;gap:6px}#flowco-app-root[data-ui-mode=panel] .controls>button:not(.morph-play-btn){width:38px;height:38px;min-height:38px}#flowco-app-root[data-ui-mode=panel] .timer-rounds-display{font-size:clamp(.68rem,2.1vw,.88rem)}#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomos{gap:.28rem;transform:translateY(-1px)}#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomo{width:8px;height:8px}#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomo-active{transform:scale(1.04)}#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomo-active,#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomo-done,#flowco-app-root[data-ui-mode=panel] .timer-rounds-pomo-future{box-shadow:none}@keyframes pageLoadFadeIn{0%{opacity:0}to{opacity:1}}.flowco-stack,.timer-stack-content{flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,1.5rem);width:100%;transition:opacity 1s,filter 1s;display:flex}#time-display,.timer-shell .controls{pointer-events:auto;text-align:center}.timer-shell{text-align:center;flex-direction:column;align-items:center;gap:clamp(1rem,2.4vw,1.75rem);width:100%;display:flex}.timer-shell>*{position:relative}#time-display{font-size:min(clamp(48px,calc((var(--timer-scale,14)/20)*(100vw/var(--timer-ref-em,2.8))),100vw),clamp(40px,calc((var(--timer-scale,14)/20)*(115dvh/var(--timer-ref-em,2.8))),.85*115dvh));z-index:1;line-height:.75em;font-weight:var(--timer-weight,300);letter-spacing:var(--timer-tracking,-.05em);margin-left:var(--timer-tracking,-.05em);text-shadow:none;font-family:var(--timer-font,inherit);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-user-select:none;user-select:none;padding:0 10px}.controls{z-index:2;justify-content:center;align-items:center;gap:12px;display:flex}.takeover-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.takeover-owner-note{text-align:center;color:#d9eaffd1;width:100%;font-size:11px;font-weight:500}.controls-connection-status{color:#ffedd5f2;letter-spacing:.01em;background:#78350f47;border:1px solid #fbbf2473;border-radius:999px;align-items:center;height:32px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.controls-viewer-hint{color:#fff6;letter-spacing:.01em;background:#ffffff0f;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.takeover-control-btn{color:#ffffffeb;letter-spacing:.01em;cursor:pointer;background:#080c148c;border:1px solid #fff3;border-radius:999px;height:36px;padding:0 14px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s,color .14s}.takeover-control-btn:disabled{opacity:.65;cursor:wait}.takeover-control-btn:hover{background:#121824bf;border-color:#ffffff59}.takeover-control-btn--primary{color:#d9ffe7;background:#22c55e2e;border-color:#22c55e73}.takeover-control-btn--primary:hover{background:#22c55e4d;border-color:#22c55e99}.controls [data-lucide=play],.controls [data-lucide=pause],.controls [data-lucide=skip-forward]{fill:currentColor}.timer-context-panel{z-index:2;place-items:center;gap:16px;display:grid}.pill{color:var(--text);-webkit-backdrop-filter:blur(var(--ui-blur,0px));backdrop-filter:blur(var(--ui-blur,0px));background:#ffffff14;border:1px solid #fff2;border-radius:999px;padding:8px 16px}.tasks-btn-hit{color:#4ade80;background:#4ade801a;border-color:#4ade8080}.tasks-btn-hit:hover{background:#4ade8033;box-shadow:0 0 15px #4ade804d}.tasks-goal-inline{color:#ffffffb3;margin-left:6px;font-size:10px;font-weight:600;line-height:1}.pill-group{gap:8px;display:flex}.phase-pill{letter-spacing:.2px;opacity:.85;font-weight:600;transition:box-shadow .2s,opacity .2s,background .2s}.phase-pill.pill-highlight{border-color:#ffffffa6;box-shadow:0 0 12px #ffffff73}.phase-pill.pill-hidden{display:none!important}.phase-pill.active{opacity:1;border-width:0;border-color:#0000}.phase-pill[data-phase=focus].active{background:var(--focus);color:var(--color-focus-text,#0b0f16);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--focus-solid)}.phase-pill[data-phase=short].active{background:var(--short);color:var(--color-short-text,#0b0f16);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--short-solid)}.phase-pill[data-phase=long].active{background:var(--long);color:var(--color-long-text,#0b0f16);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--long-solid)}.phase-pill[data-phase=breathe]{position:relative;overflow:hidden}.phase-pill[data-phase=breathe]:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#b5e5ff66,#0000 65%);transition:opacity .4s;position:absolute}.phase-pill[data-phase=breathe].active:after{opacity:1;border-radius:999px}.phase-pill[data-phase=breathe].active{background:var(--breathe);color:var(--color-breathe-text,#03060c);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--breathe-solid)}.phase-pill[data-phase=warmup].active{background:var(--warmup);color:var(--color-warmup-text,#0b0f16);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--warmup-solid)}.phase-pill[data-phase=cooldown].active{background:var(--cooldown);color:var(--color-cooldown-text,#0b0f16);box-shadow:0 0 calc(24px*var(--pill-glow-opacity,1))var(--cooldown-solid)}.pill-morph-wrap{-webkit-user-select:none;user-select:none;place-items:center;display:inline-grid}.pill-morph-wrap>.phase-pill{transform-origin:50%;grid-area:1/1}.pill-morph-wrap .phase-pill[data-layer=current]{z-index:1}.pill-morph-wrap .phase-pill[data-layer=prev]{z-index:0;pointer-events:none;white-space:nowrap}@keyframes pill-layer-enter{0%{opacity:0;filter:blur(6px);transform:scale(.85)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes pill-layer-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(6px);transform:scale(.85)}}.pill-morph--animating .phase-pill[data-layer=current]{animation:pill-layer-enter .38s var(--ease-panel,cubic-bezier(.22,1,.36,1))both;will-change:opacity,filter,transform;animation-delay:40ms}.pill-morph--animating .phase-pill[data-layer=prev]{will-change:opacity,filter,transform;animation:.3s ease-out both pill-layer-exit}@media (prefers-reduced-motion:reduce){.pill-morph--animating .phase-pill[data-layer=current],.pill-morph--animating .phase-pill[data-layer=prev]{animation-duration:0s!important;animation-delay:0s!important}}.timer-context-panel .subtext{color:var(--text);opacity:.9}.timer-rounds-counter{flex-direction:column;align-items:center;gap:.45rem;display:flex}.timer-rounds-display{color:#ffffffe0;letter-spacing:.02em;-webkit-user-select:none;user-select:none;align-items:baseline;gap:.35rem;font-size:clamp(.72rem,1.4vw,.95rem);font-weight:500;line-height:1;display:inline-flex}.timer-rounds-pomos{align-items:center;gap:.4rem;display:inline-flex}.timer-rounds-pomo{opacity:.55;background:0 0;border:1.5px solid #ffffff52;border-radius:999px;width:9px;height:9px;transition:transform .18s,opacity .18s,background-color .18s,border-color .18s}.timer-rounds-pomo-done{opacity:1;background:#ffffffeb;border-color:#ffffffeb}.timer-rounds-pomo-active{opacity:1;background:#ffffff8c;border-color:#ffffffd9;transform:scale(1.08);box-shadow:0 0 8px #ffffff73}.timer-rounds-pomo-future{opacity:.48;background:0 0;border-color:#ffffff47}.timer-rounds-current,.timer-rounds-total{color:#fff;font-weight:700}.timer-rounds-separator,.timer-rounds-of,.timer-rounds-label{opacity:.72;font-weight:500}.session-progress{justify-content:center;align-items:center;gap:10px;display:flex}.session-progress .round{align-items:center;gap:8px;display:flex}.session-progress .round-dot{opacity:.5;pointer-events:none;background:0 0;border:2px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .2s,transform .22s,background .16s,border-color .16s;display:inline-flex;position:relative;transform:scale(1)}.session-progress .round--past .round-dot{opacity:1;background:#fff;border-color:#fff}.session-progress .round--future .round-dot{opacity:.45;background:0 0;border-color:#ffffff47}.session-progress .round--active:not(.round--cooldown) .round-dot{opacity:0;width:0;margin-right:-16px;transform:scale(.6)}.session-progress .round--cooldown .round-dot{opacity:1;background:conic-gradient(from -90deg,#fff calc(var(--round-progress-ratio,0)*360deg),#ffffff2e calc(var(--round-progress-ratio,0)*360deg));border-color:#fff;width:14px;margin:0;transform:scale(1.08)}.session-progress .round-track{opacity:0;visibility:hidden;align-items:center;gap:4px;max-width:0;transition:opacity .22s,transform .22s,max-width .22s;display:flex;overflow:hidden;transform:translateY(-4px)}.session-progress .round--active:not(.round--cooldown) .round-track{opacity:1;visibility:visible;max-width:360px;transform:translateY(0)}.session-progress .round--cooldown .round-track,.session-progress .round:not(.round--active) .round-track{opacity:0;visibility:hidden;max-width:0;transform:translateY(-4px)}.session-progress .round-track .seg{--seg-progress:0;--seg-color:var(--focus);--seg-length:clamp(9px,1.2vw,18px);min-width:5px;width:var(--seg-length);opacity:.9;height:5px;-webkit-backdrop-filter:blur(var(--ui-blur,0px));backdrop-filter:blur(var(--ui-blur,0px));background:#ffffff1f;border-radius:999px;flex:none;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.session-progress .round-track .seg:after{content:"";border-radius:inherit;background:var(--seg-color);transform-origin:0;transform:scaleX(var(--seg-progress,0));transition:transform .2s linear,background-color .2s;position:absolute;inset:0}.session-progress .round-track .seg.breathe{--seg-color:var(--breathe);--seg-length:5px}.session-progress .round-track .seg.focus{--seg-color:var(--focus);--seg-length:clamp(12px,1.5vw,24px)}.session-progress .round-track .seg.short{--seg-color:var(--short);--seg-length:clamp(4px,.9vw,8px)}.session-progress .round-track .seg.state-past{opacity:1;box-shadow:inset 0 0 0 1px #ffffff26}.session-progress .round-track .seg.state-current{height:7px;box-shadow:0 0 12px #5cc7ff73,inset 0 0 0 1px #ffffff40}.session-progress .round-track .seg.state-future{opacity:.4}.session-progress .round-track .seg.emph{box-shadow:0 0 0 1px #ffffffe6,inset 0 0 0 1px #00000059}.session-progress .round-track .seg.emph{opacity:1}.session-progress .round-track .seg.deemph{opacity:.25}.warmup-cooldown-indicator{justify-content:center;align-items:center;min-width:16px;height:16px;margin:0 4px;display:flex}.warmup-cooldown-indicator .indicator-dot{background:0 0;border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;position:relative;overflow:hidden}.warmup-cooldown-indicator.state-current .indicator-dot:after{content:"";width:calc(var(--seg-progress,0)*100%);background:var(--indicator-color,#fffc);transition:width .3s;position:absolute;top:0;bottom:0;left:0}.warmup-cooldown-indicator.warmup .indicator-dot{border-color:#ffb74d80}.warmup-cooldown-indicator.warmup.state-current .indicator-dot:after{background:linear-gradient(#ff9500e6,#ffb74de6)}.warmup-cooldown-indicator.warmup.state-past .indicator-dot{background:#ffb74d66;border-color:#ffb74d99}.warmup-cooldown-indicator.cooldown .indicator-dot{border-color:#7986cb80}.warmup-cooldown-indicator.cooldown.state-current .indicator-dot:after{background:linear-gradient(#5c6bc0e6,#7986cbe6)}.warmup-cooldown-indicator.cooldown.state-past .indicator-dot{background:#7986cb66;border-color:#7986cb99}.pill.breathe{background:#a088ff40;border-color:#a088ff66}.pill.breathe.active{background:#a088ff66;border-color:#a088ff99}.pill-loading{min-width:120px;position:relative;overflow:hidden;background:#ffffff1a!important;border-color:#ffffff26!important}.pill-loading .skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}
.morph-play-btn{cursor:pointer;background:var(--control-bg);color:var(--control-text);font:inherit;-webkit-backdrop-filter:saturate(120%)blur(4px);backdrop-filter:saturate(120%)blur(4px);-webkit-user-select:none;user-select:none;--morph-w-play:52px;--morph-h-play:52px;--morph-r-play:52px;--morph-w-complete:142px;--morph-h-complete:40px;--morph-r-complete:9999px;width:var(--morph-w,var(--morph-w-play));height:var(--morph-h,var(--morph-h-play));min-width:var(--morph-w,var(--morph-w-play));min-height:var(--morph-h,var(--morph-h-play));border-radius:var(--morph-r,var(--morph-r-play));--morph-duration:.36s;--morph-ease:var(--ease-panel,cubic-bezier(.22,1,.36,1));transition:width var(--morph-duration)var(--morph-ease),height var(--morph-duration)var(--morph-ease),min-width var(--morph-duration)var(--morph-ease),min-height var(--morph-duration)var(--morph-ease),border-radius var(--morph-duration)var(--morph-ease),background var(--morph-duration)var(--morph-ease),color var(--morph-duration)var(--morph-ease),box-shadow var(--morph-duration)var(--morph-ease),transform .12s ease;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.morph-play-btn--play{--morph-w:var(--morph-w-play);--morph-h:var(--morph-h-play);--morph-r:var(--morph-r-play)}.morph-play-btn--complete{--morph-w:var(--morph-w-complete);--morph-h:var(--morph-h-complete);--morph-r:var(--morph-r-complete);color:#a5b4fc;background:#6366f126}.morph-play-btn--complete:hover:not(:disabled){color:#fff;background:#6366f140}.morph-play-btn:hover:not(:disabled){transform:scale(1.02)}.morph-play-btn:active:not(:disabled){transform:scale(.96)}.morph-play-btn:focus-visible{box-shadow:var(--control-shadow-focus);outline:none}.morph-play-btn:disabled{opacity:.35;filter:saturate(.4);cursor:not-allowed;pointer-events:none}.morph-play-btn__layer{pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.morph-play-btn__layer--play svg{fill:currentColor}.morph-play-btn__layer[data-layer=current]{opacity:1;filter:blur();transform:scale(1)}.morph-play-btn__layer[data-layer=prev]{opacity:0;filter:blur(6px);transform:scale(.85)}@keyframes morph-layer-enter{0%{opacity:0;filter:blur(6px);transform:scale(.85)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes morph-layer-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(6px);transform:scale(.85)}}.morph-play-btn--animating .morph-play-btn__layer[data-layer=current]{animation:morph-layer-enter .32s var(--morph-ease)both;will-change:opacity,filter,transform;animation-delay:40ms}.morph-play-btn--animating .morph-play-btn__layer[data-layer=prev]{will-change:opacity,filter,transform;animation:.24s ease-out both morph-layer-exit}.morph-play-btn__label{letter-spacing:.01em;font-size:.8rem;font-weight:600}#flowco-app-root[data-ui-mode=panel] .morph-play-btn{--morph-w-play:44px;--morph-h-play:44px;--morph-r-play:44px;--morph-w-complete:130px;--morph-h-complete:34px}@media (prefers-reduced-motion:reduce){.morph-play-btn{transition-duration:0s!important}.morph-play-btn--animating .morph-play-btn__layer[data-layer=current],.morph-play-btn--animating .morph-play-btn__layer[data-layer=prev]{animation-duration:0s!important;animation-delay:0s!important}}
:root{--popout-radius:32px}.popout-body{color:#f8f9fc;width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden auto}#bg-dynamic{position:fixed;inset:0}.popout-body #bg-root{z-index:0;position:fixed;inset:0}.popout-shell{z-index:1;border-radius:var(--popout-radius);opacity:1;filter:blur();flex-direction:column;gap:6px;width:100%;margin:0 auto;padding:0 12px;transition:filter .75s,opacity .75s;display:flex;position:relative}.breathe-panel .breathe-actions{margin-top:0}.breathe-mode .popout-shell{opacity:0;filter:blur(10px)}.popout-content{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;margin-top:0;padding:0 0 8px;display:flex;position:relative}.popout-time-display{--timer-ref-em:2.8;font-size:min(clamp(36px,calc((var(--timer-scale,14)/25)*(100vw/var(--timer-ref-em,2.8))),100vw));letter-spacing:-.05em;font-weight:600;font-family:var(--timer-font,inherit);text-align:center;text-shadow:0 5px 30px #0000008c;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;margin-left:-.05em;line-height:1em}.popout-phase-pills{justify-content:center;width:100%;margin:0 auto;display:flex;transform:scale(.85)}.popout-controls-wrapper{justify-content:center;width:100%;margin-top:2px;display:flex}.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}.popout-body #bg-overlay{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.popout-controls-wrapper #btn-fullscreen,.popout-controls-wrapper #btn-popout,.popout-controls-wrapper .takeover-controls{display:none!important}.popout-progress-bar{z-index:10;pointer-events:none;width:100%;position:fixed;bottom:0;left:0}.popout-mantra-container{margin-bottom:2px;transform:scale(.85)}