[x-cloak]{display:none!important}.auth-wrap{place-items:center;min-height:100svh;padding:110px clamp(16px,5vw,40px) 50px;display:grid}.auth-card{background:color-mix(in srgb, var(--surface-1) 74%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);width:min(430px,100%);box-shadow:var(--shadow-lift);border-radius:1.6rem;padding:clamp(26px,5vw,38px)}.auth-title{color:var(--ink);margin:10px 0 6px;font-size:2.1rem}.auth-sub{margin-bottom:6px;font-size:.92rem}.auth-card>.auth-sub,.auth-card>.overline{display:block}.auth-card form{margin-top:22px}.auth-status{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-strong);border-radius:12px;margin-top:16px;padding:10px 14px;font-size:.86rem}[data-theme=dark] .auth-status{color:var(--accent)}.auth-form{gap:16px;display:grid}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:.85rem;display:block}.field input{background:var(--surface-2);border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:1rem;padding:12px 16px}.field input::placeholder{color:var(--ink-faint)}.field input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.field-error{color:#c97b7b;margin-top:6px;font-size:.82rem}.pw-wrap{position:relative}.pw-wrap input{padding-right:46px}.pw-eye{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.pw-eye:hover{color:var(--ink)}.pw-eye svg{width:18px;height:18px}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn-block{justify-content:center;width:100%}.btn-google{background:var(--surface-2);width:100%;color:var(--ink);border:1px solid var(--line);justify-content:center;margin-top:22px}.btn-google:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.auth-divider{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;margin:20px 0 0;font-size:.76rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-alt{text-align:center;color:var(--ink-soft);margin-top:24px;font-size:.88rem}.auth-link{color:var(--accent);transition:color .3s var(--ease);text-decoration:none}.auth-link:hover{color:var(--accent-strong);text-decoration:underline}[data-theme=dark] .auth-link:hover{color:var(--accent-strong)}.nav-signin{border:1px solid var(--line);transition:all .35s var(--ease);border-radius:999px;padding:8px 18px;color:var(--accent)!important}.nav-signin:hover{border-color:var(--accent);transform:translateY(-1px)}.user-menu{position:relative}.avatar-btn{border:1px solid var(--line);cursor:pointer;background:color-mix(in srgb, var(--accent) 16%, transparent);width:36px;height:36px;color:var(--accent);letter-spacing:.02em;text-transform:uppercase;transition:all .35s var(--ease);border-radius:50%;place-items:center;font-family:inherit;font-size:.78rem;font-weight:600;display:grid;overflow:hidden}.avatar-btn:hover{border-color:var(--accent);transform:scale(1.07)}.avatar-btn img{object-fit:cover;width:100%;height:100%}.user-dropdown{background:var(--surface-2);border:1px solid var(--line);min-width:185px;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;transform-origin:100% 0;transition:all .3s var(--ease);z-index:60;border-radius:18px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(6px)scale(.98)}.user-menu.open .user-dropdown{opacity:1;visibility:visible;transform:none}.user-dropdown .user-name{color:var(--ink-faint);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-bottom:4px;padding:9px 13px 7px;font-size:.82rem;overflow:hidden}.user-dropdown a,.user-dropdown button{text-align:left;width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:9px 13px;font-size:.88rem;text-decoration:none;transition:all .2s;display:block}.user-dropdown a:hover,.user-dropdown button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.lang-menu{position:relative}.lang-btn{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink-soft);transition:all .35s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.lang-btn:hover{color:var(--ink);border-color:var(--accent)}.lang-btn svg{width:17px;height:17px}.lang-dropdown{background:var(--surface-2);border:1px solid var(--line);min-width:150px;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;transform-origin:100% 0;transition:all .3s var(--ease);z-index:60;border-radius:18px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(6px)scale(.98)}.lang-menu.open .lang-dropdown{opacity:1;visibility:visible;transform:none}.lang-dropdown form{margin:0}.lang-dropdown button{text-align:left;width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:9px 13px;font-size:.88rem;transition:all .2s;display:block}.lang-dropdown button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.lang-dropdown button.is-active{color:var(--accent);font-weight:600}.breathe-page,.focus-page{flex-direction:column;justify-content:center;max-width:640px;min-height:92svh;margin:0 auto;padding:120px clamp(16px,5vw,40px) 60px;display:flex}.breathe-setup,.focus-setup{justify-items:center;gap:18px;display:grid}.breathe-done,.focus-done{text-align:center}.b-done-title{color:var(--ink);font-size:clamp(2.2rem,6vw,3.2rem)}.b-group{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.b-chip{text-align:center;cursor:pointer;background:color-mix(in srgb, var(--surface-1) 65%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);min-width:128px;transition:all .4s var(--ease);border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:13px 18px;font-family:inherit;display:flex}.b-chip strong{color:var(--ink);font-size:.92rem;font-weight:600}.b-chip small{color:var(--ink-faint);max-width:20ch;font-size:.72rem;line-height:1.35}.b-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}.b-chip.on{border-color:var(--accent);box-shadow:0 10px 30px -18px var(--glow);background:color-mix(in srgb, var(--accent) 10%, var(--surface-1))}.b-durations .b-chip{min-width:74px;padding:11px 16px}.b-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.b-start{padding:16px 44px}.breathe-live{animation:rise .8s var(--ease);flex-direction:column;align-items:center;gap:8px;display:flex}.b-bubble-wrap{place-items:center;width:280px;height:280px;display:grid;position:relative}.b-ring{opacity:.55;position:absolute;inset:0;transform:rotate(-90deg)}.b-bubble{background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 18%, transparent) 70%);width:165px;height:165px;box-shadow:0 0 85px var(--glow), inset 0 0 42px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;transform:scale(.62)}.b-label{color:var(--ink);margin-top:16px;font-family:Fraunces,serif;font-size:1.7rem;font-weight:300}.b-left{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:.84rem}.f-sound-toggle{justify-content:center}.f-sound-off-note{color:var(--ink-faint);text-align:center;font-size:.84rem}.f-mixes{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.f-mixes[hidden]{display:none}.f-mix-label{color:var(--ink-soft);flex-direction:column;gap:7px;font-size:.82rem;display:flex}.f-mix-label select{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:1rem;min-width:200px;padding:11px 14px}.focus-live{animation:rise .8s var(--ease);flex-direction:column;align-items:center;gap:22px;display:flex}.f-ring-wrap{width:min(320px,78vw);position:relative}.f-ring{width:100%;height:auto}.f-arc,#f-arc{transition:stroke-dasharray .9s linear, stroke .9s var(--ease)}.f-center{text-align:center;place-content:center;gap:4px;display:grid;position:absolute;inset:0}.f-time{color:var(--ink);font-variant-numeric:tabular-nums;font-family:Fraunces,serif;font-size:clamp(3rem,10vw,4.2rem);font-weight:300;line-height:1}.f-phase{color:var(--ink-soft);font-size:.85rem}.f-dots{gap:9px;display:flex}.f-dots span{background:color-mix(in srgb, var(--ink) 15%, transparent);width:9px;height:9px;transition:background .5s var(--ease);border-radius:50%}.f-dots span.on{background:var(--accent)}.f-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pricing-stage{text-align:center;max-width:1020px;margin:0 auto;padding:120px clamp(16px,5vw,40px) 80px}.pricing-stage .section-head{max-width:560px;margin:0 auto 20px}.pricing-stage .section-head h2{margin:14px 0 10px;font-size:clamp(2.2rem,5vw,3.2rem)}.interval-toggle{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;gap:4px;margin:18px 0 40px;padding:4px;display:inline-flex}.interval-toggle button{font:inherit;cursor:pointer;color:var(--ink-soft);transition:all .35s var(--ease);background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:.88rem}.interval-toggle button.on{background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-lift)}.interval-toggle .save-note{color:var(--warm);margin-left:5px;font-size:.72rem}.plan-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.plan-card{background:color-mix(in srgb, var(--surface-1) 74%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);transition:all .5s var(--ease);border-radius:1.6rem;flex-direction:column;gap:18px;padding:30px 28px;display:flex;position:relative}.plan-card:hover{box-shadow:0 22px 50px -26px var(--glow);transform:translateY(-4px)}.plan-card.featured{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 18px 55px -28px var(--glow)}.plan-flag{letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:5px 14px;font-size:.7rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card h3{color:var(--ink);font-family:Fraunces,serif;font-size:1.5rem;font-weight:500}.plan-card .tagline{color:var(--ink-soft);margin-top:2px;font-size:.88rem}.plan-price{color:var(--ink);font-family:Fraunces,serif;font-size:2.9rem;font-weight:300}.plan-price small{color:var(--ink-faint);font-family:Instrument Sans,sans-serif;font-size:.95rem;font-weight:400}.plan-benefits{color:var(--ink-soft);gap:10px;font-size:.88rem;list-style:none;display:grid}.plan-benefits li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.plan-benefits svg{color:var(--accent);flex-shrink:0;margin-top:2px}.plan-card .btn{justify-content:center;margin-top:auto}.plan-current{text-align:center;color:var(--accent);border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;margin-top:auto;padding:13px;font-size:.86rem}.plan-soon{text-align:center;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;margin-top:auto;padding:13px;font-size:.86rem}@media (width<=820px){.plan-cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.mixes-stage{max-width:860px;margin:0 auto;padding:120px clamp(16px,5vw,40px) 70px}.mixes-rail-title{color:var(--ink);align-items:baseline;gap:10px;margin:34px 0 14px;font-family:Fraunces,serif;font-size:1.2rem;font-weight:500;display:flex}.mixes-empty{color:var(--ink-soft);font-size:.92rem}.mixes-empty a{color:var(--accent);text-decoration:none}.mixes-empty em{color:var(--accent);font-style:italic}.mix-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.mix-card{background:color-mix(in srgb, var(--surface-1) 74%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);transition:all .45s var(--ease);border-radius:1.4rem;flex-direction:column;gap:14px;padding:20px;display:flex}.mix-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, transparent);transform:translateY(-3px)}.mix-head h4{color:var(--ink);font-family:Fraunces,serif;font-size:1.15rem;font-weight:500}.mix-meta{color:var(--ink-faint);font-size:.76rem;font-weight:400}.mix-bars{align-items:flex-end;gap:5px;height:34px;display:flex}.mix-bars i{background:color-mix(in srgb, var(--accent) 55%, transparent);width:6px;transition:background .4s var(--ease);border-radius:99px}.mix-card:hover .mix-bars i{background:var(--accent)}.mix-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-small{gap:7px;padding:9px 16px;font-size:.82rem}.mix-delete{padding:9px 11px}.mix-delete:hover{color:#c97b7b;border-color:#c97b7b66}.mix-share-url{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.public-mix-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:88svh;margin:0 auto;padding:130px clamp(16px,5vw,40px) 60px;display:flex}.public-mix-name{color:var(--ink);margin:14px 0 10px;font-size:clamp(2.4rem,7vw,3.6rem)}.public-mix-by{color:var(--ink-soft);font-size:.94rem}.public-mix-bars{gap:7px;height:48px;margin:34px 0}.public-mix-bars i{width:8px}.public-mix-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.public-mix-note{color:var(--ink-soft);background:color-mix(in srgb, var(--warm) 10%, transparent);border:1px solid color-mix(in srgb, var(--warm) 30%, transparent);border-radius:14px;max-width:42ch;margin-top:26px;padding:12px 18px;font-size:.86rem}.public-mix-note a{color:var(--warm)}.settings-stage{gap:20px;max-width:640px;margin:0 auto;padding:120px clamp(16px,5vw,40px) 70px;display:grid}.settings-title{color:var(--ink);margin-top:10px;font-size:2.4rem}.settings-card{background:color-mix(in srgb, var(--surface-1) 74%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:1.6rem;padding:28px}.settings-card h3{color:var(--ink);margin-bottom:16px;font-family:Fraunces,serif;font-size:1.3rem;font-weight:500}.settings-card form{margin-top:4px}.settings-card .btn{justify-self:start}.settings-note{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;line-height:1.55;display:flex}