:root{font-family:Figtree,sans-serif;line-height:1.5;font-weight:400;color:#1c1b1a;background-color:#f6f2ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", serif;--font-body: "Figtree", sans-serif;--bg: #f6f2ed;--bg-elevated: rgba(255, 255, 255, .7);--fg: #1c1b1a;--muted: #6a5f56;--accent: #dd775b;--accent-strong: #c45d40;--bubble: #f1d8cf;--bubble-edge: #e3a894;--ring: rgba(28, 27, 26, .1);--shadow: rgba(24, 22, 21, .15)}html[data-theme=ocean]{--bg: #e7f0f6;--bg-elevated: rgba(255, 255, 255, .75);--fg: #0f1c27;--muted: #4f6477;--accent: #4a86c6;--accent-strong: #32639b;--bubble: #cfe0f4;--bubble-edge: #7ba8db;--ring: rgba(15, 28, 39, .12);--shadow: rgba(30, 55, 83, .18)}html[data-theme=forest]{--bg: #eef4ef;--bg-elevated: rgba(255, 255, 255, .7);--fg: #132018;--muted: #4f5f54;--accent: #4e8b65;--accent-strong: #3a6b4f;--bubble: #d5e6da;--bubble-edge: #8db9a0;--ring: rgba(19, 32, 24, .12);--shadow: rgba(21, 38, 27, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--bubble-edge) 30%,transparent),transparent 50%),var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:clamp(24px,4vw,48px);gap:clamp(24px,4vw,36px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;flex-direction:column;gap:6px}.brand h1{font-family:var(--font-display);font-size:clamp(28px,3vw,36px);font-weight:600;margin:0;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);font-size:.95rem}.main{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}.bubble-shell{display:flex;flex-direction:column;gap:24px;align-items:center;padding:clamp(24px,4vw,32px);background:var(--bg-elevated);border-radius:28px;border:1px solid var(--ring);box-shadow:0 18px 40px var(--shadow);position:relative;overflow:hidden}.bubble-shell:after{content:"";position:absolute;inset:-40% -20% auto;height:60%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent) 0%,transparent 70%);opacity:.6}.bubble-shell.focus{background:transparent;border:none;box-shadow:none;padding:0}.bubble-shell.focus:after{display:none}.intro{display:grid;gap:16px;align-items:start;position:relative;z-index:1}.intro h2{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);margin:0 0 8px}.intro p{margin:0;color:var(--muted)}.bubble-wrap{width:clamp(220px,34vw,360px);aspect-ratio:1 / 1;display:grid;place-items:center;position:relative;z-index:1}.bubble{width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.6),transparent 45%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.2),transparent 55%),var(--bubble);border:1px solid color-mix(in srgb,var(--bubble-edge) 60%,transparent);box-shadow:inset 0 0 40px #ffffff40,0 20px 60px color-mix(in srgb,var(--bubble-edge) 45%,transparent)}.phase-indicator{text-align:center;display:grid;gap:8px;position:relative;z-index:1}.phase-label{font-family:var(--font-display);font-size:clamp(20px,2.2vw,28px);letter-spacing:-.02em}.phase-countdown{color:var(--muted);font-size:.95rem}.phase-bar{width:min(220px,70vw);height:6px;background:color-mix(in srgb,var(--ring) 80%,transparent);border-radius:999px;overflow:hidden}.phase-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:inherit}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{border-radius:999px;border:1px solid var(--ring);background:#fff;padding:.65rem 1.4rem;font-weight:600;font-size:.95rem;color:var(--fg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--ring))}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}.btn.ghost{background:transparent}.status-row{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:.92rem}.panel{display:flex;flex-direction:column;gap:24px}.panel-wide{max-width:1320px;margin:0 auto;width:100%}.mode-card{grid-template-rows:auto 1fr}.section-card{background:var(--bg-elevated);border-radius:22px;border:1px solid var(--ring);padding:20px;display:grid;gap:16px;box-shadow:0 12px 30px var(--shadow)}.section-title{font-family:var(--font-display);font-size:1.2rem;margin:0}.section-subtitle{color:var(--muted);font-size:.9rem;margin:0}.exercise-grid{display:grid;gap:12px}.exercise-btn{text-align:left;padding:14px 16px;border-radius:16px;background:transparent;border:1px solid var(--ring);display:grid;gap:6px;transition:border-color .2s ease,background .2s ease;cursor:pointer}.exercise-btn strong{font-size:1rem}.exercise-btn span{color:var(--muted);font-size:.85rem}.exercise-btn.active{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--ring))}.configure-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.configure-grid.three-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.mode-options{display:grid;align-content:stretch;grid-auto-rows:1fr;gap:12px}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--ring);background:transparent;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.mode-row:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 6%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,var(--ring))}.mode-row.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--ring));background:color-mix(in srgb,var(--accent) 10%,transparent)}.mode-row:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.mode-row label{font-weight:600}.mode-right{display:grid;justify-items:end;gap:6px;text-align:right}.mode-row input[type=number]{width:90px;padding:.35rem .5rem;border-radius:10px;border:1px solid var(--ring);background:#fff}.slider-row{display:grid;gap:8px}.slider-row label{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent)}.custom-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.theme-picker{display:flex;gap:10px;padding:6px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--ring)}.theme-btn{border:none;background:transparent;padding:8px 12px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer}.theme-btn.active{color:var(--fg);background:color-mix(in srgb,var(--accent) 18%,transparent)}.notice{font-size:.85rem;color:var(--muted)}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(6px);background:#141312;color:#fff;padding:8px 12px;border-radius:999px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 30px #0000002e}.tooltip:hover:after,.tooltip:focus-within:after{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){.bubble-shell{order:-1}.configure-grid,.configure-grid.three-col{grid-template-columns:1fr}}@media(max-width:600px){.app,.bubble-shell{padding:20px}}