:root{--surface:#1c100d;--surface-dim:#1c100d;--surface-bright:#453631;--surface-container-lowest:#170b08;--surface-container-low:#251915;--surface-container:#2a1c19;--surface-container-high:#352723;--surface-container-highest:#40312d;--on-surface:#f6ddd7;--on-surface-variant:#e0bfb6;--outline:#a88a82;--outline-variant:#59413a;--primary:#ffb59f;--on-primary:#5e1600;--primary-container:#ff7043;--on-primary-container:#641800;--secondary:#bdc2ff;--secondary-container:#343d96;--dusk-blue:#0d1b2a;--sunset-orange:#f4511e;--highway-red:#b71c1c;--cream-white:beige;--dust-overlay:#ffffff14;--font-headline:"Anybody", "Noto Sans Devanagari", sans-serif;--font-body:"Hanken Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-hindi:"Tiro Devanagari Hindi", "Noto Sans Devanagari", serif;--radius-sm:.5rem;--radius-default:1rem;--radius-md:1.5rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px}*{box-sizing:border-border-box;box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background-color:var(--surface);width:100%;height:100dvh;font-family:var(--font-body);color:var(--on-surface);overflow:hidden}.bus-app-container{background:linear-gradient(#0d060533 0%,#0d060566 40%,#0d0605d9 70%,#0d0605 100%),url(/bus_highway.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.ambient-overlay{pointer-events:none;z-index:1;background:radial-gradient(at 50% 55%,#ff70432e 0%,#0000 50%),radial-gradient(at 50% 0,#0d1b2a59 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.youtube-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dusk-top-bar{z-index:15;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:2rem;left:4rem;right:4rem}.info-chip{pointer-events:auto;background:var(--dust-overlay);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--cream-white);letter-spacing:.08em;border:1px solid #ffb59f33;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:.78rem;font-weight:500;display:flex;box-shadow:0 4px 20px #0006}.live-dot{background:var(--sunset-orange);width:8px;height:8px;box-shadow:0 0 10px var(--sunset-orange);border-radius:50%;animation:1.5s ease-in-out infinite alternate pulseGlow}@keyframes pulseGlow{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.chip-clock{color:var(--primary);font-weight:700}.chip-divider{color:var(--outline-variant)}.chip-freq{color:var(--on-surface-variant);align-items:center;gap:.4rem;display:flex}.marquee-chip{flex:1;max-width:420px;overflow:hidden}.top-bar-right{pointer-events:auto;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.listener-chip{background:#343d9659;border-color:#bdc2ff4d;gap:.5rem;padding:.45rem 1rem}.listener-count{color:var(--secondary);text-align:center;min-width:1.4ch;font-size:1rem;font-weight:700;line-height:1}.listener-label{letter-spacing:.12em;color:#bdc2ffb3;font-size:.62rem;font-weight:700}.chip-marquee-wrapper{white-space:nowrap;width:100%;overflow:hidden}.chip-marquee{white-space:nowrap;animation:18s linear infinite marqueeScroll;display:flex}.chip-marquee span{color:var(--cream-white);padding-right:40px;font-weight:500}@keyframes marqueeScroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.dusk-hero-container{text-align:center;z-index:10;width:90%;max-width:900px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.dusk-hero-badge{font-family:var(--font-mono);letter-spacing:.25em;color:var(--primary);border-radius:var(--radius-full);background:#ff70431f;border:1px solid #ffb59f40;margin-bottom:1.2rem;padding:.35rem 1.2rem;font-size:.8rem;display:inline-block}.dusk-hero-title{font-family:var(--font-headline);color:var(--cream-white);letter-spacing:-.02em;text-shadow:0 8px 30px #000c,0 0 40px #ff704340;font-size:5.5rem;font-weight:900;line-height:1}.dusk-hero-subtitle{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.02em;margin-top:1rem;font-size:1.35rem;font-weight:400}.dusk-truck-amulet{font-family:var(--font-hindi);color:#f6ddd773;letter-spacing:.12em;text-transform:uppercase;margin-top:2rem;font-size:.9rem}.dusk-horn-btn{pointer-events:auto;background:var(--dust-overlay);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-full);color:var(--cream-white);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;white-space:nowrap;border:1px solid #ff704366;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 20px #00000080,0 0 15px #f4511e33}.dusk-horn-btn:hover{background:var(--sunset-orange);color:#fff;transform:scale(1.05);box-shadow:0 6px 25px #f4511e99}.dusk-horn-btn.honking{background:var(--primary);color:var(--on-primary);animation:.15s ease-in-out 4 alternate honkShake}@keyframes honkShake{0%{transform:rotate(0)scale(1.1)}50%{transform:rotate(-6deg)scale(1.1)}to{transform:rotate(6deg)scale(1.1)}}.dusk-player-bar{-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-xl);z-index:20;background:#1c100dbf;border:1px solid #ffb59f40;align-items:center;gap:1.25rem;width:60%;min-width:620px;max-width:860px;height:84px;padding:0 1.25rem 0 .85rem;display:flex;position:absolute;bottom:4rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000c,0 0 30px #ff704326}.dusk-player-center{flex-direction:column;flex:1;justify-content:center;gap:.4rem;min-width:0;display:flex}.dusk-album-disc{border-radius:var(--radius-full);flex-shrink:0;width:66px;height:66px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #000000b3,0 0 0 2px #ffb59f4d}.dusk-album-disc.spinning{animation:22s linear infinite rotateDisc}@keyframes rotateDisc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dusk-album-img{object-fit:cover;width:100%;height:100%}.dusk-disc-center{background:var(--surface-container-lowest);border:2px solid var(--primary);border-radius:var(--radius-full);width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dusk-track-meta{justify-content:space-between;align-items:center;width:100%;min-width:0;line-height:1.2;display:flex}.dusk-track-text{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;min-width:0;padding-right:.75rem;display:flex;overflow:hidden}.dusk-track-title{font-family:var(--font-body);color:var(--cream-white);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;line-height:1.2;overflow:hidden}.dusk-track-artist{font-family:var(--font-body);color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-left:.5rem;font-size:.82rem;font-weight:400;overflow:hidden}.dusk-track-time{font-family:var(--font-mono);color:var(--primary);white-space:nowrap;flex-shrink:0;gap:.25rem;font-size:.78rem;font-weight:500;display:flex}.time-sep{color:var(--outline-variant)}.dusk-progress-container{border-radius:var(--radius-full);background:#ffffff1f;align-items:center;width:100%;height:4px;display:flex;position:relative}.dusk-progress-slider{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.dusk-progress-fill{background:linear-gradient(90deg, var(--sunset-orange), var(--primary));border-radius:var(--radius-full);pointer-events:none;height:100%;box-shadow:0 0 10px var(--sunset-orange)}.dusk-progress-head{border-radius:var(--radius-full);width:10px;height:10px;box-shadow:0 0 12px var(--sunset-orange);pointer-events:none;background:#fff;position:absolute;top:50%;transform:translate(-50%,-50%)}.dusk-player-controls{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.dusk-icon-btn{color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.dusk-icon-btn:hover{color:var(--cream-white);transform:scale(1.1)}.dusk-icon-btn:active{transform:scale(.92)}.dusk-icon-btn.active{color:var(--primary)}.dusk-play-btn{border-radius:var(--radius-full);width:48px;height:48px;color:var(--on-primary);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 20px #0006,0 0 25px #ffb59f66}.dusk-play-btn:hover{transform:scale(1.08);box-shadow:0 6px 25px #00000080,0 0 35px #ffb59f99}.dusk-play-btn:active{transform:scale(.94)}.dusk-drawer-overlay{-webkit-backdrop-filter:blur(12px);z-index:50;background:#0d0605b3;justify-content:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dusk-drawer-sheet{background:#1c100deb;border-left:1px solid #ffb59f33;flex-direction:column;width:420px;height:100%;padding:2.5rem 2rem;display:flex;box-shadow:-15px 0 40px #000c}.dusk-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.drawer-sub-badge{font-family:var(--font-mono);color:var(--primary);letter-spacing:.15em;font-size:.7rem}.drawer-title{font-family:var(--font-headline);color:var(--cream-white);margin-top:.2rem;font-size:1.4rem}.dusk-drawer-close{color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:.4rem}.dusk-drawer-close:hover{color:var(--cream-white)}.dusk-playlist-list{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.dusk-playlist-item{border-radius:var(--radius-default);cursor:pointer;background:#ffffff08;border:1px solid #0000;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.dusk-playlist-item:hover{background:#ffffff14;border-color:#ffb59f33}.dusk-playlist-item.active{background:#ff704326;border-color:#ffb59f66}.dusk-item-num{font-family:var(--font-mono);color:var(--outline);font-size:.8rem}.dusk-item-thumb{border-radius:var(--radius-full);object-fit:cover;width:44px;height:44px}.dusk-item-info{flex:1;min-width:0}.dusk-item-title{font-family:var(--font-body);color:var(--cream-white);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.dusk-item-artist{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:.1rem;font-size:.8rem}.dusk-playing-pill{font-family:var(--font-mono);color:var(--primary);border-radius:var(--radius-full);background:#ff704333;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.65rem;font-weight:700;display:flex}.dusk-start-overlay{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0d0605e0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dusk-start-card{border-radius:var(--radius-lg);text-align:center;background:#2a1c19d9;border:1px solid #ffb59f4d;flex-direction:column;align-items:center;max-width:520px;padding:3.5rem 4rem;display:flex;box-shadow:0 20px 60px #000000e6}.dusk-start-badge{font-family:var(--font-mono);letter-spacing:.2em;color:var(--primary);margin-bottom:1rem;font-size:.75rem}.dusk-start-title{font-family:var(--font-headline);color:var(--cream-white);font-size:4rem;font-weight:900;line-height:1}.dusk-start-subtitle{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:1rem;margin-bottom:2rem;font-size:1.05rem;line-height:1.5}.dusk-start-btn{color:var(--on-primary);border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;background:#fff;border:none;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 30px #ffb59f4d}.dusk-start-btn:hover{transform:scale(1.05);box-shadow:0 12px 35px #ffb59f80}.dusk-start-amulet{font-family:var(--font-hindi);color:#f6ddd766;letter-spacing:.1em;margin-top:2rem;font-size:.8rem}@media (width<=1024px){.dusk-top-bar{left:2rem;right:2rem}.dusk-hero-title{font-size:4.2rem}.dusk-player-bar{width:80%;min-width:540px;bottom:2.5rem}}@media (width<=768px){.dusk-top-bar{top:1.25rem;left:1.25rem;right:1.25rem}.dusk-horn-btn{padding:.45rem .85rem}.dusk-horn-text{font-size:.65rem}.marquee-chip{display:none}.dusk-hero-title{font-size:3.2rem}.dusk-hero-subtitle{font-size:1.1rem}.dusk-drawer-sheet{width:100%}}@media (width<=640px){.dusk-top-bar{gap:.5rem;top:.75rem;left:.75rem;right:.75rem}.info-chip{padding:.35rem .75rem;font-size:.7rem}.listener-chip{padding:.35rem .65rem}.dusk-horn-btn{padding:.4rem .65rem}.dusk-horn-text{display:none}.dusk-hero-container{width:94%;top:36%}.dusk-hero-badge{letter-spacing:.18em;margin-bottom:.75rem;padding:.25rem .85rem;font-size:.7rem}.dusk-hero-title{font-size:2.4rem}.dusk-hero-subtitle{margin-top:.6rem;font-size:.92rem}.dusk-truck-amulet{margin-top:1.25rem;font-size:.75rem}.dusk-player-bar{width:calc(100% - 1.5rem);min-width:unset;border-radius:var(--radius-lg);grid-template-columns:auto 1fr;grid-template-areas:"disc info""progress progress""controls controls";gap:.6rem .75rem;max-width:480px;height:auto;padding:.85rem 1rem;display:grid;bottom:1rem}.dusk-album-disc{grid-area:disc;width:46px;height:46px}.dusk-player-center{grid-area:info;justify-content:center;gap:.2rem}.dusk-track-meta{flex-direction:column;align-items:flex-start;gap:.15rem}.dusk-track-text{max-width:100%;padding-right:0}.dusk-track-title{font-size:.92rem}.dusk-track-artist{margin-left:.4rem;font-size:.75rem;display:inline}.dusk-track-time{font-size:.72rem}.dusk-progress-container{grid-area:progress;margin-top:0}.dusk-player-controls{grid-area:controls;justify-content:space-around;gap:0;width:100%;padding-top:.1rem}.dusk-play-btn{width:44px;height:44px}.dusk-start-card{width:90%;padding:2.2rem 1.5rem}.dusk-start-title{font-size:2.5rem}.dusk-start-subtitle{margin-top:.75rem;margin-bottom:1.5rem;font-size:.92rem}.dusk-start-btn{padding:.85rem 2rem;font-size:.92rem}}@media (width<=360px){.dusk-hero-title{font-size:2rem}.chip-freq{display:none}}@media (height<=620px){.dusk-top-bar{top:.5rem}.dusk-hero-container{top:32%}.dusk-hero-badge,.dusk-truck-amulet{display:none}.dusk-hero-title{font-size:2.2rem}.dusk-player-bar{bottom:.5rem}}