:root{--app-page-bg-gradient:radial-gradient(ellipse at 30% 0%, #241f1c 0%, #17130f 55%, #100d0b 100%);--app-container-bg:linear-gradient(180deg, #1e1a16 0%, #181410 100%);--app-tomato:#ff5a3c;--app-title-text:#f3ece4;--app-mode-focus:#9d5142;--app-mode-short:#2e724b;--app-mode-long:#445b79;--app-mode-nav-bg:#131110;--app-mode-btn-color:#7d756a;--app-mode-btn-active-bg:#2a251f;--app-mode-btn-active-color:#f3ece4;--app-time-text:#f6efe6;--app-play-text:#f6efe6;--app-skip-bg:#211d19;--app-skip-border:#3a342c;--app-skip-text:#f3ece4;--app-footer:#5c564c;--app-settings-panel-bg:#171310;--app-settings-panel-border:#2e2820;--app-settings-label:#b8ae9f;--app-settings-input-bg:#211d19;--app-settings-input-border:#3a342c;--app-settings-input-text:#f3ece4;--app-settings-hint:#6a6459;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-heading:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--timer-size:clamp(13.75rem, 35vw, 20rem);--btn-height:clamp(2.2rem, 6vh, 3.2rem);--btn-font-size:clamp(.78rem, 2.2vw, 1rem);--btn-padding-vertical:clamp(.45rem, 1.2vw, .8rem);--btn-padding-horizontal:clamp(.9rem, 2.6vw, 1.25rem);--icon-size:clamp(.9rem, 2.6vw, 1.2rem);--gap-xs:.3rem;--gap-sm:.6rem;--shell-width:28rem;--shell-height:27.5rem;font:16px/1.45 var(--font-sans);letter-spacing:.18px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}#root{text-align:center;box-sizing:border-box;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}.mode-nav{gap:var(--gap-sm);justify-content:center;align-items:center;display:flex}.mode-btn{color:var(--app-mode-btn-color);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:.65rem;flex:1;padding:clamp(.5rem,1.2vw,.75rem) clamp(.35rem,1vw,.6rem);font-size:clamp(.6rem,1.6vw,.9rem);font-weight:700;transition:all .2s}.mode-btn:hover{color:var(--app-mode-btn-active-color)}.mode-btn--active{background:var(--app-mode-btn-active-bg);color:var(--app-mode-btn-active-color);box-shadow:0 2px 8px #00000059}.back-icon{width:var(--icon-size);height:auto}.app-container{width:min(var(--shell-width), calc(100vw - 2rem));height:var(--shell-height);background:var(--app-container-bg);z-index:1;box-sizing:border-box;border-radius:clamp(1.2rem,2.6vw,1.8rem);flex-direction:column;justify-content:space-between;padding:clamp(1.625rem,3.2vw,2.2rem);display:flex;position:relative;box-shadow:0 40px 80px -20px #0009,inset 0 1px #ffffff0a,0 0 0 1px #ff5a3c14}.app-container--transparent{box-shadow:none;height:var(--shell-height);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:space-between;padding:0;display:flex}._controls_1cs0q_1{justify-content:space-between;align-items:center;gap:var(--gap-sm);width:100%;margin-top:1.4rem;display:flex}._groupA_1cs0q_10{gap:var(--gap-xs);flex:1;align-items:center;display:flex}._groupB_1cs0q_17{align-items:center;margin-left:1.2rem;display:flex}._primaryBtn_1cs0q_23{height:var(--btn-height);background-color:var(--app-mode-focus);color:var(--app-play-text);padding:var(--btn-padding-vertical) var(--btn-padding-horizontal);cursor:pointer;font-weight:600;font-size:var(--btn-font-size);border:none;border-radius:.6rem;flex:1}._primaryBtn_1cs0q_23:active{transform:translateY(1px)}._skipBtn_1cs0q_40{width:var(--btn-height);height:var(--btn-height);color:var(--app-skip-text);border:1px solid var(--app-skip-border);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}._utilityBtn_1cs0q_55{width:var(--btn-height);height:var(--btn-height);border:1px solid var(--app-settings-panel-border);color:var(--app-settings-label);cursor:pointer;background:#ffffff0a;border-radius:.6rem;justify-content:center;align-items:center;padding:0;display:flex}._primaryBtn_1cs0q_23 img,._skipBtn_1cs0q_40 img,._utilityBtn_1cs0q_55 img{width:var(--icon-size);height:auto}._settingsWrap_izjv3_1{background:var(--app-settings-panel-bg);border:1px solid var(--app-settings-panel-border);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:10px;padding:18px 18px 14px;display:flex}._settingsTitle_izjv3_12{color:var(--app-settings-input-text);letter-spacing:.1em;text-transform:none;margin:0 0 14px;font-size:1em}._row_izjv3_20{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}._row_izjv3_20 label{color:var(--app-settings-label);font-size:1em}._input_izjv3_33{border:1px solid var(--app-settings-input-border);background:var(--app-settings-input-bg);width:3em;color:var(--app-settings-input-text);text-align:center;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:1em}._hint_izjv3_45{color:var(--app-settings-hint);margin-top:8px;margin-bottom:16px;font-size:13px;line-height:1.5}._timerWrap_cpb20_1{flex-direction:column;align-items:center;display:flex}._svgWrap_cpb20_7{width:var(--timer-size);height:var(--timer-size);place-items:center;display:grid;position:relative}._ringCenter_cpb20_15{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;transform:translateY(-.12rem)}._timerText_cpb20_25{color:var(--app-time-text);letter-spacing:.02em;text-align:center;font-size:clamp(2.2rem,8vw,3.6rem);font-weight:700;line-height:1}._modeLabel_cpb20_34{letter-spacing:.24em;margin-top:.35rem;font-size:clamp(.6rem,1.6vw,.85rem);font-weight:700}