:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"Roboto Mono", monospace;--bg-primary:#1e110e;--bg-overlay:#1e110e6b;--glass-bg:#2d18148c;--glass-border:1px solid #ffebdc47;--glass-border-subtle:1px solid #ffffff26;--glass-blur:blur(24px) saturate(160%);--glass-shadow:0 16px 40px #00000080, 0 0 25px #e07a5f1f;--text-white:#fff;--text-cream:#fdf6ee;--text-muted:#fdf6eebf;--accent-gold:#f4a261;--accent-orange:#e07a5f;--accent-pink:#f4acb7;--accent-green:#2a9d8f;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}[data-mood=rain]{--bg-primary:#121824;--bg-overlay:#12182473;--glass-bg:#16203299;--glass-border:1px solid #a0c8ff40;--glass-shadow:0 16px 40px #0000008c, 0 0 25px #4a90e226;--accent-gold:#70a1ff;--accent-orange:#5352ed}[data-mood=midnight]{--bg-primary:#0f101d;--bg-overlay:#0f101d7a;--glass-bg:#14162aa6;--glass-border:1px solid #b4a0ff38;--glass-shadow:0 16px 40px #000000a6, 0 0 25px #8a2be226;--accent-gold:#a55eea;--accent-orange:#8854d0}[data-mood=study]{--bg-primary:#241d12;--bg-overlay:#241d126b;--glass-bg:#32281894;--glass-border:1px solid #ffdc964d;--glass-shadow:0 16px 40px #00000080, 0 0 25px #f4a2612e;--accent-gold:#e9c46a;--accent-orange:#f4a261}[data-mood=coding]{--bg-primary:#0d1a1d;--bg-overlay:#0d1a1d75;--glass-bg:#1024289e;--glass-border:1px solid #2a9d8f59;--glass-shadow:0 16px 40px #0009, 0 0 25px #2a9d8f33;--accent-gold:#2a9d8f;--accent-orange:#48cae4}[data-mood=sunset]{--bg-primary:#2b141d;--bg-overlay:#2b141d6b;--glass-bg:#37182699;--glass-border:1px solid #f4acb74d;--glass-shadow:0 16px 40px #00000080, 0 0 25px #f4acb72e;--accent-gold:#ffb5a7;--accent-orange:#f4acb7}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{-ms-overflow-style:none;scrollbar-width:none}body{width:100%;min-height:100vh;font-family:var(--font-primary);color:var(--text-cream);background-color:var(--bg-primary);transition:background-color .8s;position:relative;overflow-x:hidden}.ambient-canvas{pointer-events:none;z-index:5;width:100vw;height:100vh;position:fixed;inset:0}.lofi-viewport{z-index:3;background-image:url(/assets/lofi_room_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.lofi-viewport:before{content:"";background:var(--bg-overlay);-webkit-backdrop-filter:blur(1px);z-index:-1;transition:background .8s;position:absolute;inset:0}.brand-logo{color:var(--text-white);font-family:var(--font-serif);letter-spacing:.5px;align-items:center;gap:10px;font-size:1.35rem;font-weight:600;text-decoration:none;display:flex}.logo-icon{font-size:1.3rem}.nav-center{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:9999px;align-items:center;gap:32px;padding:8px 24px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:.92rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text-white)}.nav-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.nav-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-cream);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex;text-decoration:none!important}.nav-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:40px 20px 20px;display:flex}.hero-badge{font-family:var(--font-mono);color:var(--accent-gold);letter-spacing:1px;background:#ffffff14;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.78rem;display:inline-flex}.main-track-title.connecting-state{color:var(--text-muted);font-size:1.15rem;font-style:italic}.retry-btn{color:var(--text-cream);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;margin-top:6px;padding:5px 14px;font-size:.78rem;display:inline-block}.mood-hint{text-align:center;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;transition:opacity .3s}.mood-hint.hidden{display:none}.player-seek-group{position:relative}#sleepTimerBtn .chip-label{text-align:center;min-width:74px;display:inline-block}#rainSoundBtn.muted-state .chip-icon{opacity:.4}.about-toggle-btn{appearance:none;cursor:pointer;letter-spacing:.5px;transition:var(--transition-smooth);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;outline:none;padding:5px 14px;font-size:.72rem;color:var(--text-muted)!important;font-family:var(--font-mono)!important;text-decoration:none!important}.about-toggle-btn:hover,.about-toggle-btn:focus{background:#ffffff1f;border-color:#ffffff40;color:var(--text-white)!important}.about-toggle-btn:visited{color:var(--text-muted)!important}.disclaimer-text.hidden{display:none}.retry-btn:hover{background:#ffffff2e}.live-pulse{background:var(--accent-gold);width:8px;height:8px;box-shadow:0 0 10px var(--accent-gold);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.hero-title{font-family:var(--font-serif);color:var(--text-white);letter-spacing:1px;text-shadow:0 4px 20px #0009;margin-bottom:8px;font-size:3.8rem;font-weight:600}.hero-subtitle{color:var(--accent-pink);font-size:1.4rem;font-style:italic;font-weight:300;font-family:var(--font-serif);margin-bottom:8px}.hero-description{color:var(--text-muted);max-width:480px;font-size:1rem}.player-section{justify-content:center;padding:40px 20px;display:flex}.cozy-player-card{background:var(--glass-bg);width:100%;max-width:680px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:32px;padding:28px 36px}.player-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.now-playing-tag{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;align-items:center;gap:8px;font-size:.78rem;display:flex}.lofi-visualizer{align-items:flex-end;gap:4px;height:18px;display:flex}.v-bar{background:#f4a261;border-radius:2px;width:3px;height:4px}.lofi-visualizer.playing .v-bar:first-child{animation:.9s ease-in-out infinite barPulseA}.lofi-visualizer.playing .v-bar:nth-child(2){animation:1.3s ease-in-out .15s infinite barPulseB}.lofi-visualizer.playing .v-bar:nth-child(3){animation:1.05s ease-in-out 50ms infinite barPulseC}.lofi-visualizer.playing .v-bar:nth-child(4){animation:1.2s ease-in-out .3s infinite barPulseA}.lofi-visualizer.playing .v-bar:nth-child(5){animation:.8s ease-in-out .1s infinite barPulseB}.lofi-visualizer.playing .v-bar:nth-child(6){animation:1.4s ease-in-out .25s infinite barPulseC}.lofi-visualizer.playing .v-bar:nth-child(7){animation:1.1s ease-in-out .4s infinite barPulseA}.lofi-visualizer.playing .v-bar:nth-child(8){animation:.95s ease-in-out .2s infinite barPulseB}@keyframes barPulseA{0%,to{height:4px}50%{height:18px}}@keyframes barPulseB{0%,to{height:6px}50%{height:11px}}@keyframes barPulseC{0%,to{height:4px}50%{height:15px}}.player-body{align-items:center;gap:32px;display:flex}.artwork-container{flex-shrink:0}.vinyl-disc{background:#111;border:4px solid #fff3;border-radius:50%;width:180px;height:180px;transition:transform .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #000000b3,inset 0 0 15px #000c}.artwork-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.vinyl-disc.playing .artwork-img{animation:16s linear infinite rotateDisc}.vinyl-disc.paused .artwork-img{animation-play-state:paused}@keyframes rotateDisc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-center{background:#111;border:3px solid #fff6;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track-details{flex:1;min-width:0}.main-track-title{font-family:var(--font-serif);color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.4rem;font-weight:600;overflow:hidden}.main-track-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:18px;font-size:.95rem;overflow:hidden}.player-seek-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.vinyl-disc.loading{animation:1.8s ease-in-out infinite discShimmer}@keyframes discShimmer{0%,to{opacity:.55}50%{opacity:.9}}.main-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:4px;outline:none;width:100%;height:5px}.main-slider::-webkit-slider-thumb{appearance:none;background:var(--text-white);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;box-shadow:0 0 10px #00000080}.main-slider:hover::-webkit-slider-thumb{background:var(--accent-gold);transform:scale(1.25)}.seek-timestamps{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:.78rem;display:flex}.player-controls-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.secondary-ctrl-btn,.main-ctrl-btn{color:var(--text-cream);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);opacity:.8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.secondary-ctrl-btn:hover,.main-ctrl-btn:hover{opacity:1;background:#ffffff1f;transform:scale(1.08)}.secondary-ctrl-btn.active{color:var(--accent-gold);opacity:1}.main-ctrl-btn svg,.secondary-ctrl-btn svg{width:22px;height:22px}.big-play-btn{background:var(--text-cream);color:#1e110e;cursor:pointer;width:54px;height:54px;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 20px #0006}.big-play-btn:hover{background:#fff;transform:scale(1.08);box-shadow:0 8px 25px #ffffff4d}.play-svg{fill:#1e110e;width:26px;height:26px}.player-volume-row{align-items:center;gap:10px;display:flex}.volume-btn{color:var(--text-cream);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.vol-slider{max-width:120px}.main-stage{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:calc(100vh - 120px);padding:20px 20px 40px;display:flex}.player-section{justify-content:center;width:100%;padding:0;display:flex}.mood-bar-container{flex-direction:column;align-items:center;width:100%;max-width:680px;display:flex}.mood-grid{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 18px;display:flex}.mood-card{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;display:flex}.mood-card.active{border:1px solid var(--accent-gold);background:#f4a26138;box-shadow:0 0 15px #f4a26140}.mood-emoji{font-size:1.1rem}.mood-name{font-family:var(--font-mono);color:var(--text-white);letter-spacing:.5px;font-size:.82rem;font-weight:600}.playlist-card-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:28px;padding:20px}.lofi-track-list{flex-direction:column;gap:8px;list-style:none;display:flex}.lofi-track-item{cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.lofi-track-item:hover{background:#ffffff1f;transform:translate(4px)}.lofi-track-item.active{background:#f4a2612e;border-color:#f4a26166}.track-left{align-items:center;gap:14px;min-width:0;display:flex}.track-idx{font-family:var(--font-mono);color:var(--text-muted);width:20px;font-size:.85rem}.track-meta-wrap{flex-direction:column;min-width:0;display:flex}.t-title{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:600;overflow:hidden}.t-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.track-dur{font-family:var(--font-mono);color:var(--text-muted);font-size:.82rem}.about-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;border-radius:28px;padding:36px}.about-badge{font-family:var(--font-mono);color:var(--accent-gold);border:1px solid var(--accent-gold);letter-spacing:1px;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.75rem;display:inline-block}.about-card h3{font-family:var(--font-serif);margin-bottom:12px;font-size:1.8rem}.about-card p{color:var(--text-cream);margin-bottom:14px;font-size:1rem;line-height:1.6}.about-subtext{color:var(--text-muted)!important;font-size:.85rem!important}.clock-btn{font-family:var(--font-mono);letter-spacing:.5px;cursor:default;background:#ffffff14;font-size:.85rem}html,body{-ms-overflow-style:none;scrollbar-width:none;height:100vh;max-height:100vh;margin:0;padding:0;overflow:hidden!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body{width:100%;font-family:var(--font-primary);color:var(--text-cream);background-color:var(--bg-primary);transition:background-color .8s;position:relative}.lofi-viewport{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100vh;max-height:100vh;display:flex;overflow:hidden!important}.navbar{z-index:10;justify-content:space-between;align-items:center;padding:8px 20px;display:flex;position:relative}.main-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:auto;padding:2px 16px;display:flex;overflow:hidden}.cozy-player-card{border-radius:20px;width:100%;max-width:560px;padding:14px 22px}.player-header{margin-bottom:10px}.player-body{gap:16px}.vinyl-disc{width:105px;height:105px}.main-track-title{margin-bottom:2px;font-size:1.1rem}.main-track-artist{margin-bottom:8px;font-size:.8rem}.player-seek-group,.player-controls-row{margin-bottom:8px}.big-play-btn{width:44px;height:44px}.play-svg{width:20px;height:20px}.mood-bar-container{max-width:560px}.mood-grid{gap:6px;padding:6px 12px}.player-actions-row{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.side-controls{align-items:center;display:flex;gap:14px!important;margin-bottom:0!important}.side-volume{align-items:center;gap:8px;display:flex;margin-bottom:0!important}.lofi-header{z-index:20;position:relative;justify-content:space-between!important;align-items:flex-start!important;padding:16px 32px!important;display:flex!important}.lofi-nav-stack{flex-direction:column!important;align-items:flex-end!important;gap:8px!important;display:flex!important}.lofi-nav-row{justify-content:flex-end!important;align-items:center!important;gap:6px!important;display:flex!important}.lofi-chip{font-family:var(--font-primary)!important;color:#f7ebe1!important;-webkit-backdrop-filter:blur(12px)!important;white-space:nowrap!important;cursor:pointer!important;background-color:#261613d9!important;border:1px solid #f7ebe124!important;border-radius:9999px!important;outline:none!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:.78rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 2px 8px #0000004d!important}.lofi-chip:hover{color:#fff!important;background-color:#3a221ef2!important;border-color:#f7ebe14d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0006!important}.chip-svg{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.text-yt-red{color:#f03!important}.text-spotify-green{color:#1ed760!important}.chip-icon{vertical-align:middle;font-size:.85rem;line-height:1;display:inline-block}.digital-clock-text{font-family:var(--font-mono);color:#f7ebe1e6;letter-spacing:2.5px;padding-top:2px;font-size:1.05rem;font-weight:600}.player-width-container{width:100%;max-width:560px;margin:0 auto}.mood-grid-2col{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:10px 12px;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;display:grid!important}.mood-card{cursor:pointer;width:100%;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;display:flex}.mood-card:hover{background:#ffffff1f}.mood-card.active{border-color:var(--accent-gold);background:#f4a26138;box-shadow:0 0 15px #f4a26140}@media (width<=768px),(height<=720px){html,body,.lofi-viewport{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:auto!important}.lofi-header{justify-content:space-between!important;gap:8px!important;padding:10px 14px!important}.lofi-nav-row .chip-label{display:none!important}.lofi-chip{border-radius:9999px!important;justify-content:center!important;min-width:32px!important;padding:6px 10px!important}.cozy-player-card{border-radius:20px;padding:16px 14px}.player-body{text-align:center;flex-direction:column;gap:12px}.vinyl-disc{width:120px;height:120px;margin:0 auto}.main-track-title{font-size:1.05rem}.main-track-artist{margin-bottom:8px;font-size:.8rem}.player-actions-row{flex-direction:flex-row;justify-content:space-around;gap:10px;margin-top:10px}.side-controls,.side-volume{justify-content:center}.vol-slider{max-width:80px}.player-width-container{width:100%;max-width:100%}.mood-grid-2col{padding:8px;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.mood-card{padding:8px 10px}.site-footer{gap:4px;padding:8px 12px 14px}.disclaimer-text{font-size:.68rem;line-height:1.25}}.site-footer{-webkit-backdrop-filter:blur(12px);text-align:center;z-index:10;box-sizing:border-box;background:#140a08a6;border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px 16px 10px;display:flex}.footer-social-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.footer-link{color:var(--text-cream);font-size:.78rem;font-family:var(--font-mono);align-items:center;gap:3px;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:var(--accent-gold)}.claim-email{color:var(--accent-orange)}.dot{color:#ffffff4d;font-size:.7rem}.footer-disclaimer{flex-direction:column;gap:2px;max-width:840px;display:flex}.disclaimer-text{color:var(--text-muted);font-size:.72rem;line-height:1.25}.disclaimer-link,.dev-link{color:var(--accent-gold);text-decoration:none}.disclaimer-link:hover,.dev-link:hover{text-decoration:underline}.copyright-tag{color:var(--text-cream);letter-spacing:.3px;font-size:.75rem;font-weight:500}.sticky-mini-player{z-index:90;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:9999px;align-items:center;gap:16px;padding:10px 20px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:fixed;bottom:24px;right:24px}.sticky-mini-player.hidden{opacity:0;pointer-events:none;transform:translateY(40px)}.mini-left{align-items:center;gap:12px;display:flex}.mini-art{object-fit:cover;border-radius:50%;width:40px;height:40px}.mini-info{flex-direction:column;display:flex}.mini-title{color:var(--text-white);font-size:.88rem;font-weight:600}.mini-artist{color:var(--text-muted);font-size:.78rem}.mini-right{align-items:center;gap:8px;display:flex}.mini-btn{color:var(--text-white);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.focus-overlay{z-index:200;-webkit-backdrop-filter:blur(30px);background:#0f0a08eb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.focus-overlay.hidden{opacity:0;pointer-events:none}.centered-controls{justify-content:center!important;gap:24px!important}.focus-card{text-align:center;background:var(--glass-bg);width:90%;max-width:480px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-top:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:36px;flex-direction:column;align-items:center;gap:24px;padding:36px 48px;display:flex}.focus-art-wrap{position:relative}.focus-art-wrap .vinyl-disc{width:200px;height:200px;box-shadow:0 15px 45px #000c,0 0 30px #f4a26133}.focus-title{font-family:var(--font-serif);color:var(--text-white);margin-bottom:4px;font-size:1.5rem;font-weight:600}.focus-artist{color:var(--text-muted);margin-bottom:10px;font-size:.92rem}.focus-mantra{color:var(--accent-gold);font-size:1.05rem;font-style:italic;font-family:var(--font-serif)}.focus-controls-row{justify-content:center;align-items:center;gap:24px;display:flex}.close-focus-btn{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);color:var(--text-cream);cursor:pointer;box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:9999px;padding:10px 24px;font-size:.9rem;font-weight:500;position:absolute;top:30px;right:40px}.close-focus-btn:hover{background:#fff3;transform:translateY(-2px)}.modal-overlay{z-index:150;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0504b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-drawer{background:var(--glass-bg);width:90%;max-width:440px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:28px;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.6rem}.modal-sub{color:var(--text-muted);margin-bottom:20px;font-size:.88rem}.timer-options{flex-direction:column;gap:10px;display:flex}.timer-opt-btn{color:var(--text-white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:12px;font-size:.95rem;transition:background .2s}.timer-opt-btn:hover{background:#ffffff2e}.cancel-btn{background:#e07a5f33;border-color:#e07a5f80}.hidden{display:none!important}@media (width<=768px){.navbar{justify-content:space-between;gap:10px;padding:14px 16px}.brand-logo{font-size:1.15rem}.nav-btn{gap:5px;padding:7px 12px;font-size:.8rem}.main-stage{gap:20px;min-height:calc(100vh - 100px);padding:10px 12px 30px}.cozy-player-card{border-radius:24px;width:100%;max-width:100%;padding:20px 16px}.player-header{margin-bottom:16px}.player-body{text-align:center;flex-direction:column;gap:16px}.vinyl-disc{width:130px;height:130px;margin:0 auto}.main-track-title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;display:-webkit-box;overflow:hidden}.main-track-artist{margin-bottom:12px;font-size:.85rem}.player-seek-group{margin-bottom:16px}.player-controls-row{margin-bottom:14px;gap:18px!important}.big-play-btn{width:48px;height:48px}.play-svg{width:22px;height:22px}.player-volume-row{justify-content:center}.vol-slider{max-width:100px}.mood-bar-container{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:4px;overflow-x:auto}.mood-grid{flex-wrap:nowrap;gap:6px;width:max-content;padding:8px 12px}.mood-card{gap:6px;padding:6px 12px}.mood-emoji{font-size:1rem}.mood-name{font-size:.75rem}.sticky-mini-player{padding:8px 14px;bottom:12px;left:12px;right:12px}.focus-card{width:92%;padding:24px 20px}.focus-art-wrap .vinyl-disc{width:150px;height:150px}.focus-title{font-size:1.2rem}.close-focus-btn{padding:8px 18px;font-size:.82rem;top:16px;right:16px}}