:root{color:#28324a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--safe-top:env(safe-area-inset-top);background:#f6f8ff;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,system-ui,sans-serif}:root[data-platform=toss]{--safe-top:0px}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;min-height:100dvh;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #4d71cf47}#root{min-height:100dvh}.breathing-app{background:radial-gradient(circle at 50% 43%,#e4eaffe6 0,#0000 38%),linear-gradient(165deg,#fafbff 0%,#f3f6ff 52%,#f8f5ff 100%);grid-template-rows:auto 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.app-header{z-index:12;width:100%;max-width:560px;padding:calc(22px + var(--safe-top)) 24px 8px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app-header h1{color:#202943;letter-spacing:-.04em;margin:0;font-size:22px;font-weight:700}.settings-button{color:#64708a;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:0;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:650;box-shadow:0 3px 14px #32426e12}.settings-button.is-active{color:#4665b6;background:#edf1ff}.breathing-stage{min-height:0;padding:0 24px calc(38px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:translateY(-2vh)}.eyebrow{color:#8490aa;letter-spacing:-.02em;margin:0 0 8px;font-size:15px;font-weight:600}.breathing-stage h2{color:#26314c;letter-spacing:-.055em;min-width:180px;margin:0;font-size:clamp(30px,8vw,38px);font-weight:720}.phase-copy{opacity:0;transition:opacity 1s}.phase-copy.is-visible{opacity:1}.orb-wrap{aspect-ratio:1;place-items:center;width:min(74vw,320px);margin:clamp(20px,4vh,34px) 0 clamp(16px,3vh,26px);display:grid;position:relative}.orb{border-radius:50%;position:absolute}.orb-back{background:radial-gradient(circle at 35% 28%,#ffffffb8,#0000 42%),linear-gradient(145deg,#dce4ff,#c8d5fa);width:86%;height:86%;box-shadow:inset 0 0 36px #ffffff52,0 22px 60px #586fb129}.orb-front{z-index:2;will-change:transform;background:radial-gradient(circle at 34% 26%,#ffffffbd,#0000 38%),linear-gradient(145deg,#849fe6e0,#6a83d3eb);width:76%;height:76%;transition-property:transform;transition-timing-function:cubic-bezier(.45,.05,.55,.95);transform:scale(.46);box-shadow:inset -12px -16px 28px #495ca21f,inset 10px 10px 26px #ffffff3d,0 18px 52px #566bb238}.orb-front.is-large{transform:scale(1)}.orb-front.is-small{transform:scale(.46)}.orb-glow{filter:blur(32px);background:#829ade29;border-radius:50%;width:67%;height:67%;position:absolute;transform:translateY(20%)}.helper-text{color:#7b879f;letter-spacing:-.025em;min-width:220px;margin:0;font-size:15px;font-weight:500}.settings-backdrop{z-index:8;opacity:0;pointer-events:none;cursor:default;background:#2f375000;border:0;padding:0;transition:background .22s,opacity .22s;position:absolute;inset:0}.settings-backdrop.is-open{opacity:1;pointer-events:auto;background:#2f37501a}.settings-panel{z-index:10;max-width:560px;padding:10px 24px calc(24px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffeb;border:1px solid #ffffffd1;border-bottom:0;border-radius:28px 28px 0 0;margin:0 auto;transition:transform .26s,opacity .18s;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% + 12px));box-shadow:0 -16px 50px #36446d1f}.settings-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-handle{background:#dce1eb;border-radius:999px;width:38px;height:4px;margin:0 auto 18px}.settings-heading{margin-bottom:14px}.settings-heading h2{color:#222c44;letter-spacing:-.04em;margin:0 0 4px;font-size:21px;font-weight:720}.settings-heading p{color:#8a93a8;letter-spacing:-.02em;margin:0;font-size:14px}.duration-control{border-top:1px solid #eef0f5;justify-content:space-between;align-items:center;min-height:62px;display:flex}.duration-label{color:#3e4860;letter-spacing:-.025em;font-size:16px;font-weight:620}.stepper{grid-template-columns:38px 54px 38px;align-items:center;gap:4px;display:grid}.stepper-button{color:#4968ba;cursor:pointer;background:#eef2ff;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;display:grid}.stepper-button:disabled{color:#bdc3d1;cursor:default;background:#f4f5f8}.seconds{color:#343e56;text-align:center;font-size:16px;font-weight:700}@media (height<=670px){.breathing-stage{transform:translateY(-3vh)}.orb-wrap{width:min(60vw,250px);margin-block:12px}}@media (prefers-reduced-motion:reduce){.settings-panel{transition:none}.phase-copy{transition-duration:1s}}