.pomo-widget.svelte-oyycw7{--w-bg-alpha: .72;position:fixed;z-index:38;display:flex;flex-direction:column;border-radius:16px;background:rgb(20 16 32 / var(--w-bg-alpha));color:#f3ecff;border:1px solid rgb(255 255 255 / .16);box-shadow:0 18px 40px #0000005c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none}.pomo-widget.is-maximized.svelte-oyycw7{inset:24px!important;width:auto!important}.pomo-widget.is-active-drag.svelte-oyycw7{user-select:none;box-shadow:0 20px 44px #00000080}.pw-header.svelte-oyycw7{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0000002e;border-bottom:1px solid rgb(255 255 255 / .08);cursor:grab}.pomo-widget.is-active-drag.svelte-oyycw7 .pw-header:where(.svelte-oyycw7){cursor:grabbing}.pomo-widget.is-maximized.svelte-oyycw7 .pw-header:where(.svelte-oyycw7){cursor:default}.pw-title.svelte-oyycw7{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;letter-spacing:1px;font-weight:600;color:#ffffffc7}.pw-settings-btn.svelte-oyycw7{margin-left:auto;width:26px;height:26px;border-radius:8px;background:#ffffff14;border:1px solid rgb(255 255 255 / .14);color:#f3ecff;cursor:pointer;font-size:.85rem}.pw-settings-btn.svelte-oyycw7:hover{background:#ffffff24}.pw-bg-cfg.svelte-oyycw7{padding:8px 14px 10px;border-bottom:1px dashed rgb(255 255 255 / .12)}.pw-bg-row.svelte-oyycw7{display:grid;grid-template-columns:minmax(110px,35%) 1fr 42px;gap:8px;align-items:center;font-size:.74rem;color:#ddd0f1}.pw-bg-row.svelte-oyycw7 input[type=range]:where(.svelte-oyycw7){appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:#ffffff29;outline:none}.pw-bg-row.svelte-oyycw7 input[type=range]:where(.svelte-oyycw7)::-webkit-slider-thumb,.pw-bg-row.svelte-oyycw7 input[type=range]:where(.svelte-oyycw7)::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f0e8ff;border:1px solid rgb(255 255 255 / .6);cursor:pointer}.pw-body.svelte-oyycw7{padding:12px 14px 14px;display:flex;flex-direction:column;gap:12px;align-items:center;flex:1;min-height:0;overflow:auto}.pw-tabs.svelte-oyycw7{display:inline-flex;background:#ffffff0f;border-radius:999px;padding:3px;gap:0}.pw-tabs.svelte-oyycw7 button:where(.svelte-oyycw7){border:0;background:transparent;color:#d4c8ee;cursor:pointer;font-size:.72rem;padding:4px 10px;border-radius:999px}.pw-tabs.svelte-oyycw7 button.active:where(.svelte-oyycw7){background:#ffffff29;color:#fff}.pw-ring-wrap.svelte-oyycw7{position:relative}.pw-ring-bg.svelte-oyycw7{fill:none;stroke:#ffffff1a;stroke-width:8}.pw-ring-fg.svelte-oyycw7{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .4s linear,stroke .3s ease}.phase-focus.svelte-oyycw7 .pw-ring-fg:where(.svelte-oyycw7){stroke:#ff7eb3;filter:drop-shadow(0 0 6px rgb(255 126 179 / .5))}.phase-short.svelte-oyycw7 .pw-ring-fg:where(.svelte-oyycw7){stroke:#5ef7a1;filter:drop-shadow(0 0 6px rgb(94 247 161 / .5))}.phase-long.svelte-oyycw7 .pw-ring-fg:where(.svelte-oyycw7){stroke:#6fb1ff;filter:drop-shadow(0 0 6px rgb(111 177 255 / .5))}.pw-ring-content.svelte-oyycw7{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pw-phase.svelte-oyycw7{font-size:.7rem;letter-spacing:3px;color:#b6a8d3}.pw-time.svelte-oyycw7{font-size:clamp(1.6rem,6vw,3rem);font-weight:700;color:#fff5ff;letter-spacing:3px;line-height:1.05;font-variant-numeric:tabular-nums}.pw-cycle.svelte-oyycw7{font-size:.66rem;color:#b6a8d3;margin-top:2px}.pw-controls.svelte-oyycw7{display:inline-flex;gap:8px}.pw-primary.svelte-oyycw7{background:linear-gradient(180deg,#ffd0e6,#b48cff);color:#1c0f30;border:1px solid rgb(255 255 255 / .4);border-radius:999px;padding:7px 24px;cursor:pointer;font-size:.84rem;font-weight:600}.pw-primary.svelte-oyycw7:hover{filter:brightness(1.05)}.pw-second.svelte-oyycw7{background:#ffffff14;border:1px solid rgb(255 255 255 / .14);color:#f0e6ff;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.74rem}.pw-second.svelte-oyycw7:hover{background:#ffffff29}.pw-cfg.svelte-oyycw7{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px dashed rgb(255 255 255 / .12);font-size:.74rem}.pw-cfg.svelte-oyycw7 label:where(.svelte-oyycw7){display:flex;align-items:center;gap:6px;color:#d6c7ee}.pw-cfg.svelte-oyycw7 label.checkbox:where(.svelte-oyycw7){grid-column:span 2}.pw-cfg.svelte-oyycw7 input[type=number]:where(.svelte-oyycw7){width:64px;background:#ffffff14;border:1px solid rgb(255 255 255 / .14);color:#f3ecff;border-radius:6px;padding:2px 6px;font-size:.78rem}.pw-cfg.svelte-oyycw7 .unit:where(.svelte-oyycw7){color:#aa97cf;font-size:.7rem}.pw-reset-all.svelte-oyycw7{grid-column:span 2;justify-self:start}@media(max-width:768px){.pomo-widget.svelte-oyycw7:not(.is-maximized){left:10px!important;right:10px!important;top:max(env(safe-area-inset-top,0px),100px)!important;width:auto!important}.pw-cfg.svelte-oyycw7{grid-template-columns:1fr}.pw-cfg.svelte-oyycw7 label.checkbox:where(.svelte-oyycw7){grid-column:span 1}}
