.rc-page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.rc-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px 48px;opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.rc-screen.leaving{opacity:0;transform:translateY(12px);pointer-events:none}.rc-screen.entering{opacity:0;transform:translateY(-8px)}.rc-screen.entering.visible{opacity:1;transform:translateY(0)}.rc-copy{text-align:center;display:flex;flex-direction:column;gap:6px;margin-bottom:32px;z-index:2;pointer-events:none}.rc-line{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-text);opacity:0;transform:translateY(10px);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo);line-height:1.8}.rc-line.revealed{opacity:.85;transform:translateY(0)}.rc-line-accent{font-size:1.35rem;letter-spacing:-.01em;margin-top:8px}.rc-line-accent.revealed{opacity:.88}.rc-select{text-align:center;align-items:center;gap:0}.rc-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px;opacity:0;transform:translateY(16px)}.rc-options.revealed{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.rc-option{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:20px;text-align:center;cursor:pointer;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 4px 24px #5b9bd50f,0 1px 3px #00000008,inset 0 1px #fff9;opacity:0;transform:translateY(12px);transition:background .4s ease,border-color .4s ease,transform .5s var(--ease-out-expo),box-shadow .4s ease,opacity .6s ease}.rc-option.card-visible{opacity:1;transform:translateY(0)}.rc-option:hover{background:#ffffffbf;border-color:#5b9bd533;transform:translateY(-3px);box-shadow:0 8px 32px #5b9bd51a,0 2px 6px #0000000a,inset 0 1px #fffc}.rc-option:active{transform:scale(.97);transition:transform 80ms ease}.rc-option-icon{font-size:1.6rem;flex-shrink:0;opacity:.7}.rc-option-body{display:flex;flex-direction:column;align-items:center;gap:4px}.rc-option-name{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-text)}.rc-option-time{font-size:.72rem;color:var(--color-accent);letter-spacing:.03em}.rc-option-desc{font-size:.72rem;color:var(--color-text-dim)}.rc-full-pick{text-align:center;align-items:center;gap:0}.rc-shortcuts{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px;opacity:0;transform:translateY(16px)}.rc-shortcuts.revealed{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.rc-shortcut{display:flex;align-items:center;gap:14px;width:100%;padding:18px 22px;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:16px;text-align:left;cursor:pointer;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 4px 24px #5b9bd50f,0 1px 3px #00000008,inset 0 1px #fff9;opacity:0;transform:translateY(10px);transition:background .4s ease,border-color .4s ease,transform .5s var(--ease-out-expo),box-shadow .4s ease,opacity .6s ease}.rc-shortcut.card-visible{opacity:1;transform:translateY(0)}.rc-shortcut:hover{background:#ffffffbf;border-color:#5b9bd533;transform:translateY(-2px);box-shadow:0 8px 32px #5b9bd51a,0 2px 6px #0000000a,inset 0 1px #fffc}.rc-shortcut:active{transform:scale(.97);transition:transform 80ms ease}.rc-shortcut-icon{font-size:1.3rem;flex-shrink:0;opacity:.7}.rc-shortcut-label{font-family:var(--font-heading);font-size:.95rem;color:var(--color-text)}.rc-session{width:100%}.rc-center{display:flex;flex-direction:column;align-items:center;gap:36px;z-index:2}.rc-step-indicator{display:flex;gap:10px}.rc-dot{width:8px;height:8px;border-radius:50%;background:#5b9bd526;transition:all .5s var(--ease-out-expo)}.rc-dot.active{background:var(--color-accent);box-shadow:0 0 12px #5b9bd540;transform:scale(1.3)}.rc-dot.done{background:#5b9bd566}.rc-step-card{text-align:center;padding:56px 48px;background:#ffffff80;border:1px solid rgba(255,255,255,.55);border-radius:24px;min-width:340px;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 8px 40px #5b9bd50f,0 1px 3px #00000008,inset 0 1px #ffffff80;transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.rc-step-card.step-leaving{opacity:0;transform:translateY(8px)}.rc-step-card.step-entering{opacity:0;transform:translateY(-6px)}.rc-step-card.step-visible{opacity:1;transform:translateY(0)}.rc-step-title{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-text);margin-bottom:16px;transition:opacity .5s ease}.rc-step-card.breath-step .rc-step-title{font-size:2.4rem;margin-bottom:20px}.rc-step-desc{color:var(--color-text-dim);font-size:1.05rem;margin-bottom:32px;line-height:1.7;transition:opacity .5s ease}.rc-step-card.breath-step .rc-step-desc{font-size:1.1rem}.rc-step-timer{font-family:var(--font-heading);font-size:3rem;color:var(--color-accent);animation:timerBreathe 4s var(--ease-in-out-sine) infinite}@keyframes timerBreathe{0%,to{opacity:.75}50%{opacity:.55}}.rc-skip-btn{padding:8px 24px;background:transparent;border:none;color:var(--color-text-dim);font-family:var(--font-body);font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .3s ease;animation:gentleAppear .6s ease 2s forwards}@keyframes gentleAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:.5;transform:translateY(0)}}.rc-skip-btn:hover{opacity:.7}.rc-end{width:100%}.rc-end-center{gap:16px}.rc-end-msg{font-size:1.8rem!important;letter-spacing:-.01em}.rc-end-sub{font-size:.95rem!important;color:var(--color-text-dim)}.rc-end-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:16px;opacity:0;transform:translateY(8px)}.rc-end-actions.revealed{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.rc-quit-btn{position:fixed;bottom:32px;right:32px;padding:8px 18px;background:transparent;border:none;color:var(--color-text-dim);font-family:var(--font-body);font-size:.72rem;letter-spacing:.03em;cursor:pointer;opacity:0;transition:opacity .5s ease;z-index:10;animation:quitAppear .6s ease 3.5s forwards}@keyframes quitAppear{to{opacity:.45}}.rc-quit-btn:hover{opacity:.7}@media(prefers-reduced-motion:reduce){.rc-screen{transition:opacity .3s ease;transform:none!important}.rc-screen.leaving,.rc-screen.entering{transform:none!important}.rc-line{transition:opacity .3s ease;transform:none!important}.rc-line.revealed{transform:none!important}.rc-option{transition:opacity .3s ease;transform:none!important}.rc-option.card-visible{transform:none!important}.rc-step-card{transition:opacity .3s ease;transform:none!important}.rc-step-card.step-leaving,.rc-step-card.step-entering{transform:none!important}.rc-step-timer{animation:none!important;opacity:.7}.rc-skip-btn,.rc-quit-btn{animation:none!important;opacity:.5;transform:none!important}.rc-end-actions{opacity:1;transform:none!important}.rc-shortcut{transition:opacity .3s ease;transform:none!important}.rc-shortcut.card-visible,.rc-shortcuts{transform:none!important}}@media(max-width:640px){.rc-screen{padding:64px 20px 40px}.rc-step-card{min-width:auto;width:100%;padding:40px 28px}.rc-step-title{font-size:1.4rem}.rc-step-card.breath-step .rc-step-title{font-size:1.8rem}.rc-step-timer{font-size:2.4rem}.rc-line{font-size:.95rem}.rc-line-accent{font-size:1.15rem}.rc-end-msg{font-size:1.5rem!important}.rc-quit-btn{bottom:24px;right:24px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.rc-skip-btn{min-height:44px;padding:12px 24px}.rc-options{gap:10px}.rc-option{padding:20px 14px;min-height:44px}.end-btn{min-height:44px;padding:12px 32px}.rc-shortcut{min-height:44px;padding:16px 18px}}@media(max-width:380px){.rc-options{grid-template-columns:1fr;max-width:280px}.rc-option{flex-direction:row;gap:12px;text-align:left}.rc-option-body{align-items:flex-start}}.rc-option:focus-visible,.rc-shortcut:focus-visible,.rc-skip-btn:focus-visible,.rc-quit-btn:focus-visible,.end-btn:focus-visible,.back-btn:focus-visible{outline:2px solid var(--color-accent, #7eb8da);outline-offset:3px}
