[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:10px;display:inline-flex}.check input[type=checkbox]{appearance:none;background:color-mix(in srgb, var(--ink) 16%, transparent);border:1px solid var(--line);cursor:pointer;width:40px;height:23px;transition:background .25s var(--ease), border-color .25s var(--ease);border-radius:999px;flex-shrink:0;margin:0;position:relative}.check input[type=checkbox]:after{content:"";width:17px;height:17px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.check input[type=checkbox]:checked{background:var(--accent);border-color:#0000}.check input[type=checkbox]:checked:after{transform:translate(17px)}.check input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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)}.user-dropdown .user-admin-link{color:var(--accent);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;margin-bottom:2px;font-weight:500}.user-dropdown .user-admin-link:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.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}.b-safety{text-align:center;max-width:520px;margin:10px auto 0}.b-safety-note{color:var(--ink-faint);font-size:.82rem;line-height:1.6}.b-safety-note strong{color:var(--ink-soft);font-weight:600}.b-disclaimer{text-align:left;margin-top:12px}.b-disclaimer summary{cursor:pointer;text-align:center;color:var(--ink-soft);text-underline-offset:3px;font-size:.78rem;text-decoration:underline;list-style:none}.b-disclaimer summary::-webkit-details-marker{display:none}.b-disclaimer[open] summary{margin-bottom:10px}.b-disclaimer p{color:var(--ink-faint);font-size:.74rem;line-height:1.65}.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;align-items:center;gap:10px;display:flex}.activity-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-1) 60%, transparent);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;transition:all .3s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}.icon-btn svg{width:18px;height:18px}.mini-modal{z-index:75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mini-modal[hidden]{display:none}.mini-modal-backdrop{background:var(--scrim,#00000080);-webkit-backdrop-filter:blur(3px);position:absolute;inset:0}.mini-modal-card{z-index:1;background:var(--surface-1);border:1px solid var(--line);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lift);animation:rise .4s var(--ease);border-radius:20px;padding:26px 24px;position:relative}.mini-modal-card p{color:var(--ink);margin-bottom:20px;font-size:1rem;line-height:1.55}.mini-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bs-card{text-align:left;max-width:440px}.bs-title{color:var(--ink);font-family:Fraunces,serif;font-size:1.4rem;font-weight:500}.bs-sub{color:var(--ink-soft);margin:6px 0 18px;font-size:.86rem;line-height:1.5}.bs-list{flex-direction:column;gap:14px;max-height:46vh;margin-bottom:22px;display:flex;overflow-y:auto}.bs-row{grid-template-columns:1fr 130px;align-items:center;gap:14px;display:grid}.bs-check{font-size:.9rem}.bs-vol{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--fill,50%), color-mix(in srgb, var(--ink) 12%, transparent) 0);border-radius:999px;outline:none;width:100%;height:6px}.bs-vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:15px;height:15px}.bs-vol::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.bs-locked .bs-check{opacity:.55}.bs-locked .bs-check span{color:var(--ink-faint)}.check input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.bs-lock{letter-spacing:.04em;color:var(--warm);white-space:nowrap;background:color-mix(in srgb, var(--warm) 14%, transparent);border:1px solid color-mix(in srgb, var(--warm) 32%, transparent);transition:transform .3s var(--ease);border-radius:999px;justify-self:end;align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:600;text-decoration:none;display:inline-flex}.bs-lock:hover{transform:translateY(-1px)}@media (width<=480px){.bs-row{grid-template-columns:1fr 100px}}.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-faint);transition:all .35s var(--ease);background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:.88rem;font-weight:500}.interval-toggle button:hover{color:var(--ink-soft)}.interval-toggle button.on{background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-lift), inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent);font-weight:600}.interval-toggle button.on .save-note{color:var(--accent)}.interval-toggle .save-note{color:var(--ink-faint);transition:color .35s var(--ease);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}.plan-summary{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.plan-name{color:var(--ink);font-family:Fraunces,serif;font-size:1.3rem;font-weight:500}.plan-price{color:var(--ink);white-space:nowrap;font-size:1.15rem;font-weight:500}.plan-price span{color:var(--ink-faint);font-size:.78rem;font-weight:400}.plan-limits{flex-direction:column;gap:9px;margin:0 0 20px;padding:0;list-style:none;display:flex}.plan-limits li{color:var(--ink-soft);padding-left:20px;font-size:.88rem;position:relative}.plan-limits li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:3px}.plan-limits strong{color:var(--ink)}.plan-actions{flex-wrap:wrap;gap:10px;display:flex}.invoice-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.invoice-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:12px 2px;display:grid}.invoice-row:last-child{border-bottom:none}.invoice-date{color:var(--ink);font-size:.9rem}.invoice-total{color:var(--ink-soft);font-variant-numeric:tabular-nums}.invoice-status{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;padding:3px 8px;font-size:.72rem}.invoice-status.is-paid{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.invoice-actions{gap:14px;display:inline-flex}.invoice-actions a{color:var(--accent);white-space:nowrap;font-size:.85rem;text-decoration:none}.invoice-actions a:hover{text-decoration:underline}@media (width<=560px){.invoice-row{grid-template-columns:1fr auto;row-gap:6px}.invoice-actions{grid-column:1/-1}}.settings-note{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;line-height:1.55;display:flex}