@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{appearance:none;font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}:root{--font:"Inter", -apple-system, "SF Pro Display", BlinkMacSystemFont, sans-serif;--bg:#07070e;--glass-bg:#ffffff0b;--glass-bg-strong:#ffffff13;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--blur-sm:blur(10px);--blur-md:blur(24px);--blur-lg:blur(40px);--blur-xl:blur(60px) saturate(180%);--text-pri:#fffffff2;--text-sec:#ffffff7a;--text-ter:#ffffff40;--r-pill:999px;--r-lg:22px;--t-fast:.18s cubic-bezier(.4,0,.2,1);--t-med:.36s cubic-bezier(.4,0,.2,1);--t-slow:.7s cubic-bezier(.4,0,.2,1)}html,body{background:var(--bg);width:100%;height:100%;color:var(--text-pri);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#app{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}#bg-overlay{z-index:0;background:var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.amb-orb{filter:blur(120px);pointer-events:none;border-radius:50%;transition:background 3s,opacity 2.5s;position:absolute}.amb-1{opacity:.1;width:75vmax;height:75vmax;top:-30%;left:-20%}.amb-2{opacity:.07;width:60vmax;height:60vmax;bottom:-25%;right:-15%}.screen{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-med), visibility var(--t-med);flex-direction:column;display:flex;position:absolute;inset:0}.screen.active{opacity:1;visibility:visible;pointer-events:all;z-index:2}.lang-switcher{top:max(env(safe-area-inset-top,16px), 44px);z-index:100;position:absolute;right:24px}.lang-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-sec);border-radius:var(--r-pill);letter-spacing:.05em;-webkit-backdrop-filter:var(--blur-sm);transition:all var(--t-fast);align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:11px;font-weight:600;display:flex}.lang-toggle:hover{color:var(--text-pri);border-color:var(--glass-border-bright);background:#ffffff14}.lang-toggle-content{pointer-events:none;align-items:center;gap:6px;display:flex}.lang-chevron{pointer-events:none;font-size:13px;transform:scaleY(.7)}.lang-dropdown{border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--blur-xl);opacity:1;visibility:visible;transition:opacity var(--t-fast), visibility var(--t-fast), transform var(--t-fast);background:#141419d9;border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(0);box-shadow:0 4px 16px #00000080}.lang-dropdown.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px)}.lang-opt{color:var(--text-sec);transition:all var(--t-fast);white-space:nowrap;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:8px 16px 8px 8px;font-size:12px;font-weight:500;display:flex}.lang-opt:hover{color:var(--text-pri);background:#ffffff14}.flag-icon{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:block;box-shadow:inset 0 0 0 1px #ffffff1a}.top-bar{padding:max(env(safe-area-inset-top,20px),52px) 68px 20px;flex-shrink:0;justify-content:center;align-items:flex-start;display:flex;position:relative}.top-bar-logo{object-fit:contain;opacity:.55;width:22px;height:22px;transition:opacity var(--t-fast);border-radius:4px;margin:0 auto 16px;display:block}.top-bar-logo:hover{opacity:.8}.top-bar-content{text-align:center}.mode-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-ter);margin-bottom:12px;font-size:10px;font-weight:700;display:block}.mode-title{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(22px,3.5vw,30px);font-weight:700;line-height:1}.mode-pattern{color:var(--text-sec);letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:500}.mode-description{color:var(--text-ter);margin-top:6px;font-size:12px}.circle-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.circle-halo{width:clamp(220px,44vmin,380px);height:clamp(220px,44vmin,380px);transition:border-color var(--t-slow);background:radial-gradient(circle,#ffffff06 0%,#0000 65%);border:1px solid #ffffff0e;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.circle-orb{cursor:pointer;background:radial-gradient(circle at 38% 32%, var(--orb-c1,#444), var(--orb-c2,#111) 68%);width:clamp(150px,29vmin,248px);height:clamp(150px,29vmin,248px);box-shadow:0 0 clamp(40px,9vmin,90px) var(--orb-glow,#6464c84d), 0 0 clamp(80px,18vmin,180px) var(--orb-glow-far,#6464c817), inset 0 1px 0 #fff3, inset 0 -1px 0 #00000059;transition:transform var(--t-slow) cubic-bezier(.45,0,.55,1), box-shadow 1.2s ease;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.circle-orb:before{content:"";background:conic-gradient(from 0deg, var(--orb-c1,#6464c899) 0%, transparent 38%, var(--orb-c2,#6464c866) 62%, transparent 100%);-webkit-mask-composite:xor;opacity:.5;border-radius:50%;padding:2px;animation:5s linear infinite ring-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ring-spin{to{transform:rotate(360deg)}}.circle-orb.idle-pulse{animation:4.5s ease-in-out infinite idle-breathe}@keyframes idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.circle-orb.phase-inhale{transform:scale(1.38)}.circle-orb.phase-exhale{transform:scale(1)}.circle-orb.phase-holdIn{transform:scale(1.38)}.circle-orb.phase-holdOut{transform:scale(1)}.orb-phase-label{letter-spacing:.24em;text-transform:uppercase;color:#ffffffd1;text-align:center;pointer-events:none;font-size:clamp(10px,1.6vmin,13px);font-weight:700}.orb-countdown{letter-spacing:-.05em;text-align:center;color:#ffffffeb;font-variant-numeric:tabular-nums;pointer-events:none;min-width:2ch;font-size:clamp(36px,7vmin,56px);font-weight:600;line-height:1}.duration-row{flex-shrink:0;justify-content:center;gap:8px;margin-bottom:max(110px,14vh);padding:0 24px;display:flex}.duration-pill{border-radius:var(--r-pill);color:var(--text-sec);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;padding:10px 22px;font-size:13px;font-weight:600}.duration-pill:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-bright);color:var(--text-pri)}.duration-pill.selected{color:var(--text-pri);background:#ffffff1c;border-color:#fff3;box-shadow:inset 0 1px #ffffff14}.orb-play-btn{width:100%;height:100%;color:var(--text-pri);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orb-play-btn svg{opacity:.75;width:clamp(48px,9vmin,72px);height:clamp(48px,9vmin,72px);transition:transform var(--t-med), opacity var(--t-fast);margin-left:-3px}.circle-orb:hover .orb-play-btn svg{opacity:1;transform:scale(1.1)}.orb-play-btn:active svg{transform:scale(.95)}.bottom-nav{bottom:max(calc(env(safe-area-inset-bottom,0px) + 18px), 22px);z-index:100;border-radius:var(--r-pill);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--glass-border);white-space:nowrap;transition:opacity var(--t-med), transform var(--t-med);background:#0a0a14c2;gap:3px;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0009,0 2px 8px #0006,inset 0 1px #ffffff12}.bottom-nav.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(16px)}.nav-tab{border-radius:var(--r-pill);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;min-width:82px;padding:10px 22px;display:flex}.nav-tab:hover{background:#ffffff0f}.nav-tab.active{background:#ffffff1a;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0f}.nav-icon{transition:transform var(--t-fast);font-size:18px;line-height:1}.nav-tab.active .nav-icon{transform:scale(1.12)}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-ter);transition:color var(--t-fast);font-size:9px;font-weight:700}.nav-tab.active .nav-label{color:#ffffffa6}#screen-confirm{padding:max(env(safe-area-inset-top,20px),56px) 24px 90px;justify-content:center;align-items:center}.confirm-card{flex-direction:column;gap:20px;width:100%;max-width:420px;display:flex}.confirm-header{text-align:center}.confirm-mode-icon{margin-bottom:12px;font-size:46px;animation:4s ease-in-out infinite icon-float;display:block}@keyframes icon-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.06)}}.confirm-title{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(24px,5vw,32px);font-weight:700}.confirm-subtitle{color:var(--text-sec);font-size:14px;line-height:1.5}.confirm-duration-badge{border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:.06em;color:var(--text-sec);margin-top:10px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.confirm-phases{border-radius:var(--r-lg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--blur-md);background:#ffffff07;overflow:hidden}.confirm-phase-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.confirm-phase-row:last-child{border-bottom:none}.confirm-phase-name{font-size:14px;font-weight:500}.confirm-phase-dur{color:var(--text-sec);font-variant-numeric:tabular-nums;font-size:14px}.confirm-actions{flex-direction:column;gap:9px;display:flex}.btn-primary{border-radius:var(--r-pill);border:1px solid var(--glass-border-bright);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur-md);color:var(--text-pri);letter-spacing:.01em;transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;padding:16px;font-size:15px;font-weight:600;box-shadow:inset 0 1px #ffffff14}.btn-primary:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff14}.btn-primary:active{transform:scale(.98)}.btn-ghost{border-radius:var(--r-pill);color:var(--text-ter);transition:color var(--t-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:13px;font-size:13px;font-weight:500}.btn-ghost:hover{color:var(--text-sec)}.exercise-top{padding:max(env(safe-area-inset-top,16px),52px) 24px 12px;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.session-timer{color:var(--text-sec);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.exercise-mode-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--text-ter);font-size:10px;font-weight:700}.end-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:34px;height:34px;-webkit-backdrop-filter:var(--blur-sm);color:var(--text-sec);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.end-btn:hover{color:var(--text-pri);background:#ffffff1a}.progress-track{background:#ffffff0d;border-radius:2px;flex-shrink:0;height:1.5px;margin:8px 28px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orb-c1,#4361ee), var(--orb-c2,#ade8f4));border-radius:2px;width:0%;height:100%;transition:width 1s linear,background 2s}#screen-complete{text-align:center;justify-content:center;align-items:center;gap:22px;padding:40px 28px 90px}.complete-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;animation:.5s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.complete-title{letter-spacing:-.04em;font-size:clamp(22px,4vw,28px);font-weight:700}.complete-meta{color:var(--text-sec);flex-direction:column;gap:4px;font-size:14px;display:flex}.complete-stat{color:var(--text-ter);font-size:12px}.complete-actions{gap:10px;width:100%;max-width:360px;display:flex}.complete-actions .btn-primary{flex:1}@media (width>=768px){.top-bar{padding-top:max(env(safe-area-inset-top,16px),40px)}.top-bar-logo{margin:0 auto 16px}.circle-halo{width:clamp(280px,38vmin,440px);height:clamp(280px,38vmin,440px)}.circle-orb{width:clamp(185px,25vmin,292px);height:clamp(185px,25vmin,292px)}.nav-tab{min-width:96px;padding:10px 28px}.duration-pill{padding:11px 26px}}