.vibes-page{--vibe-color:#7398ff;--vibe-rgb:115,152,255;color:#eef1f7;background-color:#06080d;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:0 32px 30px;transition:background-color .5s;position:relative;overflow:hidden}.vibes-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vibes-atmosphere i{filter:blur(18px);border-radius:50%;transition:background .6s,transform .6s;position:absolute}.vibes-atmosphere i:first-child{background:rgba(var(--vibe-rgb),.21);width:760px;height:760px;top:-560px;left:15%}.vibes-atmosphere i:nth-child(2){background:rgba(var(--vibe-rgb),.09);width:520px;height:520px;top:26%;right:-390px}.vibes-atmosphere i:nth-child(3){background:rgba(var(--vibe-rgb),.08);width:420px;height:420px;bottom:-350px;left:-260px}.vibes-header,.vibes-hero,.vibes-picker,.vibes-console,.vibes-recommendations,.vibes-footer{z-index:1;width:min(1180px,100%);margin-inline:auto;position:relative}.vibes-back:hover{color:#fff;border-color:rgba(var(--vibe-rgb),.36);background:rgba(var(--vibe-rgb),.09)}.vibes-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:35px;padding:70px 0 42px;display:grid}.vibes-hero>div>span{color:var(--vibe-color);font:700 12px var(--font-geist-mono),monospace;letter-spacing:.17em;align-items:center;gap:7px;display:flex}.vibes-hero>div>span svg{width:16px;height:16px}.vibes-hero h1{color:#f3f5fa;letter-spacing:-.065em;margin:13px 0;font-size:clamp(38px,5.2vw,62px);line-height:1.02}.vibes-hero h1 em{color:var(--vibe-color);font-style:normal;transition:color .4s}.vibes-hero p{color:#7d8797;max-width:720px;font-size:var(--font-size-meta);margin:0;line-height:1.75}.vibes-hero aside{border:1px solid rgba(var(--vibe-rgb),.22);background:rgba(var(--vibe-rgb),.075);border-radius:15px;gap:7px;padding:17px 18px;display:grid;box-shadow:0 20px 60px #0000002e}.vibes-hero aside>span{color:#717d90;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.14em}.vibes-hero aside strong{color:#f0f3f9;font-size:24px}.vibes-hero aside small{color:#7e8999;font-size:var(--font-size-meta);line-height:1.5}.vibes-hero aside i{background:linear-gradient(90deg,var(--vibe-color),transparent);width:100%;height:2px;margin-top:5px}.vibes-picker,.vibes-console>article,.vibes-recommendations{border:1px solid var(--border-strong);background:#080b12eb;border-radius:18px;box-shadow:0 28px 80px #0000003d}.vibes-picker{padding:20px}.vibes-picker>header,.vibes-recommendations>header{justify-content:space-between;align-items:end;gap:22px;display:flex}.vibes-picker>header span,.vibes-recommendations header small,.vibes-console article header small{color:var(--vibe-color);font:700 12px var(--font-geist-mono),monospace;letter-spacing:.15em}.vibes-picker h2,.vibes-recommendations h2,.vibes-console h2{color:#e7ebf2;margin:5px 0 0;font-size:18px}.vibes-picker>header p,.vibes-recommendations>header p{color:#687384;font-size:var(--font-size-meta);margin:0}.vibes-picker>div{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:17px;display:grid}.vibes-picker>div>button{--item-color:#7398ff;color:#8a93a2;text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #fff1;border-radius:12px;grid-template-columns:9px 1fr auto;align-items:start;gap:10px;min-height:112px;padding:12px;transition:transform .2s,border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.vibes-picker>div>button:hover{transform:translateY(-2px)}.vibes-picker>div>button.active{border-color:color-mix(in srgb,var(--item-color) 36%,transparent);background:color-mix(in srgb,var(--item-color) 9%,transparent)}.vibes-picker>div>button>i{background:var(--item-color);width:7px;height:7px;box-shadow:0 0 16px var(--item-color);border-radius:50%;margin-top:4px}.vibes-picker>div>button>span{gap:4px;display:grid}.vibes-picker>div>button small{color:#667184;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.12em}.vibes-picker>div>button strong{color:#dce1e9;font-size:13px}.vibes-picker>div>button em{color:#6d7685;font-size:var(--font-size-meta);margin-top:4px;font-style:normal;line-height:1.45}.vibes-picker>div>button>svg{width:15px;height:15px;color:var(--item-color)}.vibes-console{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;display:grid}.vibes-console>article{padding:20px}.vibes-console article>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.vibes-console article>header>div{align-items:center;gap:10px;display:flex}.vibes-console article>header>div>svg{width:24px;height:24px;color:var(--vibe-color)}.vibes-console article>header span{gap:2px;display:grid}.vibes-sound-card>header>button{border:1px solid rgba(var(--vibe-rgb),.22);color:#b9c6dc;background:rgba(var(--vibe-rgb),.07);height:36px;font-size:var(--font-size-meta);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 12px;display:flex}.vibes-sound-card>header>button.playing{color:#071019;background:var(--vibe-color)}.vibes-wave{background:#00000030;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:5px;height:86px;margin:18px 0 13px;padding:0 14px;display:flex}.vibes-wave i{background:var(--vibe-color);opacity:.28;transform-origin:50%;border-radius:3px;width:3px;height:8px}.vibes-wave.active i{animation:1.25s ease-in-out infinite vibes-wave;animation-delay:calc(var(--wave-index) * -55ms)}@keyframes vibes-wave{0%,to{opacity:.25;height:8px}50%{opacity:.9;height:44px}}.vibes-sound-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.vibes-sound-options button{color:#9fa7b5;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:9px;gap:4px;min-height:58px;padding:9px;display:grid}.vibes-sound-options button.active{border-color:rgba(var(--vibe-rgb),.26);color:#dfe5ee;background:rgba(var(--vibe-rgb),.065)}.vibes-sound-options strong{font-size:var(--font-size-meta)}.vibes-sound-options small{color:#626c7c;font-size:var(--font-size-meta);line-height:1.35}.vibes-sound-card>p{color:#5e6878;font-size:var(--font-size-meta);margin:12px 0 0}.vibes-timer-card>header>span{color:var(--vibe-color);background:rgba(var(--vibe-rgb),.08);font-size:var(--font-size-meta);border-radius:20px;padding:5px 8px}.vibes-timer{justify-items:center;padding:25px 0 18px;display:grid}.vibes-timer>span{color:#697587;font-size:var(--font-size-meta)}.vibes-timer strong{color:#eff2f7;font:500 clamp(42px,5vw,60px) var(--font-geist-mono),monospace;letter-spacing:-.06em;margin:7px 0}.vibes-timer small{color:#596475;font-size:var(--font-size-meta)}.vibes-timer-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vibes-timer-presets button,.vibes-timer-actions button{color:#778394;height:34px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #fff1;border-radius:8px}.vibes-timer-presets button.active{border-color:rgba(var(--vibe-rgb),.25);color:var(--vibe-color);background:rgba(var(--vibe-rgb),.06)}.vibes-timer-actions{grid-template-columns:1fr auto;gap:7px;margin-top:8px;display:grid}.vibes-timer-actions button{justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex}.vibes-timer-actions button.primary{border-color:rgba(var(--vibe-rgb),.3);color:#081019;background:var(--vibe-color)}.vibes-recommendations{margin-top:14px;padding:20px}.vibes-recommendations>header>div{align-items:center;gap:10px;display:flex}.vibes-recommendations>header>div>svg{width:24px;height:24px;color:var(--vibe-color)}.vibes-recommendations>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.vibes-recommendations a{color:#aeb7c5;background:#ffffff03;border:1px solid #ffffff0f;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:70px;padding:13px;display:grid}.vibes-recommendations a:hover{border-color:rgba(var(--vibe-rgb),.25);background:rgba(var(--vibe-rgb),.045)}.vibes-recommendations a>span{color:var(--vibe-color);font:700 12px var(--font-geist-mono),monospace}.vibes-recommendations a>div{gap:4px;display:grid}.vibes-recommendations a strong{color:#dbe0e8;font-size:var(--font-size-meta)}.vibes-recommendations a small{color:#657080;font-size:var(--font-size-meta)}.vibes-recommendations a>svg{color:#667284;width:17px;height:17px}.vibes-footer{margin-top:23px}.vibes-routines{z-index:1;grid-template-columns:1.25fr .75fr;gap:14px;width:min(1180px,100%);margin:14px auto 0;display:grid;position:relative}.vibes-routines>article{border:1px solid var(--border-strong);background:#080b12eb;border-radius:18px;padding:20px;box-shadow:0 28px 80px #0000003d}.vibes-routines article>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.vibes-routines article>header>div{align-items:center;gap:10px;display:flex}.vibes-routines article>header svg{width:24px;height:24px;color:var(--vibe-color)}.vibes-routines article>header span{gap:2px;display:grid}.vibes-routines article>header small{color:var(--vibe-color);font:700 12px var(--font-geist-mono),monospace;letter-spacing:.15em}.vibes-routines article>header h2{color:#e7ebf2;margin:2px 0 0;font-size:18px}.vibes-routines article>header>span{color:var(--vibe-color);background:rgba(var(--vibe-rgb),.08);font-size:var(--font-size-meta);border-radius:20px;padding:5px 8px}.vibes-routine-save{grid-template-columns:1fr auto;gap:8px;margin-top:17px;display:grid}.vibes-routine-save input{color:#dce2ec;height:42px;font-size:var(--font-size-meta);background:#0003;border:1px solid #ffffff12;border-radius:9px;outline:0;padding:0 13px}.vibes-routine-save input:focus{border-color:rgba(var(--vibe-rgb),.42);box-shadow:0 0 0 3px rgba(var(--vibe-rgb),.07)}.vibes-routine-save button{border:1px solid rgba(var(--vibe-rgb),.28);color:#071019;background:var(--vibe-color);height:42px;font-size:var(--font-size-meta);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 14px;display:flex}.vibes-routine-save button:disabled{opacity:.35;cursor:not-allowed}.vibes-routine-save button svg{width:16px;height:16px}.vibes-routine-list{gap:7px;margin-top:10px;display:grid}.vibes-routine-list>p,.vibes-recent-sessions>p{color:#657080;text-align:center;font-size:var(--font-size-meta);border:1px dashed #ffffff12;border-radius:9px;margin:0;padding:20px}.vibes-routine-list>div{grid-template-columns:1fr 36px;gap:6px;display:grid}.vibes-routine-list button{color:#9ca6b5;cursor:pointer;background:#ffffff03;border:1px solid #ffffff0f;border-radius:9px;min-height:52px}.vibes-routine-list>div>button:first-child{text-align:left;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.vibes-routine-list>div>button:first-child:hover{border-color:rgba(var(--vibe-rgb),.25);background:rgba(var(--vibe-rgb),.04)}.vibes-routine-list button i{border-radius:50%;width:7px;height:7px}.vibes-routine-list button span{gap:4px;display:grid}.vibes-routine-list button strong{color:#dce1e9;font-size:var(--font-size-meta)}.vibes-routine-list button small{color:#657080;font-size:var(--font-size-meta)}.vibes-routine-list button svg{width:16px;height:16px}.vibes-routine-list>div>button:last-child{place-items:center;display:grid}.vibes-routine-list>div>button:last-child:hover{color:#ff8d8d;border-color:#ff6e6e38}.vibes-today-total{border:1px solid rgba(var(--vibe-rgb),.12);background:rgba(var(--vibe-rgb),.045);border-radius:12px;margin:18px 0 12px;padding:18px;position:relative;overflow:hidden}.vibes-today-total strong{color:#edf1f7;font:600 38px var(--font-geist-mono),monospace}.vibes-today-total span{color:#738094;font-size:var(--font-size-meta);margin-left:7px}.vibes-today-total i{width:var(--today-progress);background:var(--vibe-color);height:2px;transition:width .35s;position:absolute;bottom:0;left:0}.vibes-recent-sessions{gap:6px;display:grid}.vibes-recent-sessions>div{border-bottom:1px solid #ffffff0b;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.vibes-recent-sessions>div>i{border-radius:50%;width:6px;height:6px}.vibes-recent-sessions>div>span{gap:3px;display:grid}.vibes-recent-sessions strong{color:#cbd2dc;font-size:var(--font-size-meta)}.vibes-recent-sessions small{color:#5e6878;font-size:var(--font-size-meta)}.vibes-recent-sessions b{color:var(--vibe-color);font-size:var(--font-size-meta)}@media (width<=900px){.vibes-picker>div{grid-template-columns:repeat(3,1fr)}.vibes-console,.vibes-routines,.vibes-recommendations>div,.vibes-hero{grid-template-columns:1fr}.vibes-hero aside{max-width:420px}}@media (width<=650px){.vibes-page{padding-inline:15px}.vibes-hero{padding-top:42px}.vibes-picker>header,.vibes-recommendations>header{flex-direction:column;align-items:flex-start}.vibes-picker>div{grid-template-columns:1fr}.vibes-picker>div>button{min-height:86px}.vibes-sound-options,.vibes-routine-save{grid-template-columns:1fr}.vibes-console>article,.vibes-picker,.vibes-routines>article,.vibes-recommendations{padding:15px}}