@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+Devanagari:wght@500;700&display=swap";:root{color:#f5ead7;font-synthesis:none;--cream:#f5ead7;--muted:#c7b9a7;--ink:#221b16;--red:#bd4034;--yellow:#eabf62;--line:#f5ead733;background:#221b16;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer}.app{background:var(--ink);min-height:100vh;color:var(--cream)}header{z-index:10;color:var(--cream);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 36px;font-size:12px;display:grid;position:fixed;top:0;left:0;right:0}.time,.live{font-family:DM Mono,monospace}.live{align-items:center;gap:8px;display:flex}.live i{background:#7ed26d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #7ed26d26}.live span{opacity:.55}.live{justify-self:center}nav{justify-self:end;gap:8px;display:flex}nav button,.catalogue-top button,.hero-links button{border:1px solid var(--line);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;background:#221b1659;border-radius:999px;padding:9px 14px;font-size:11px}nav button:hover,nav button.active,.catalogue-top button:hover{background:var(--cream);color:var(--ink)}.home-page{background:#493a2f;min-height:100vh;position:relative;overflow:hidden}.hero-art{background-image:url(https://deluxesalon.in/assets/saloon-backdrop-DJP5lZDF.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#221b16f5 0%,#221b16a6 34%,#221b161f 75%),linear-gradient(#221b1659,#0000 65%,#221b16e6);position:absolute;inset:0}.hero-content{z-index:1;flex-direction:column;justify-content:center;max-width:760px;min-height:100vh;padding:130px 9vw 160px;display:flex;position:relative}.station-mark{color:var(--yellow);align-items:center;gap:14px;margin-bottom:42px;display:flex}.station-mark span{border:1px solid var(--yellow);border-radius:50%;place-items:center;width:50px;height:50px;font-family:DM Mono,monospace;font-size:13px;display:grid}.station-mark small{letter-spacing:.18em;font-family:DM Mono,monospace}.kicker{color:var(--yellow);letter-spacing:.18em;text-transform:uppercase;margin:0 0 15px;font-family:DM Mono,monospace;font-size:11px}.hero-content h1{letter-spacing:-.06em;margin:0;font-size:clamp(70px,10vw,148px);font-weight:800;line-height:.83}.hero-content h1 em{color:var(--red);font-style:normal}.subhead{color:var(--muted);margin:38px 0 34px;font-size:17px;line-height:1.7}.hero-links{flex-wrap:wrap;gap:10px;display:flex}.hero-links button{padding:13px 18px}.hero-links button:first-child{background:var(--cream);color:var(--ink);border-color:var(--cream)}.hero-links span{color:var(--yellow);margin-left:14px}.hero-foot{z-index:1;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:18px;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:120px;left:9vw}.hero-foot strong{color:var(--cream);font-weight:400}.player-shell{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#221b16e0;border:1px solid #f5ead733;border-radius:18px;align-items:center;gap:14px;width:min(860px,100% - 32px);padding:10px 14px 10px 10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000059}.player-art{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:58px;height:58px}.player-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.player-copy .eyebrow{color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.player-copy strong,.player-copy>span:not(.eyebrow){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-copy strong{font-size:14px}.player-copy>span:not(.eyebrow){color:var(--muted);font-size:11px}.seek-row{align-items:center;gap:9px;margin-top:5px;display:flex}.seek-row input,.volume-control input{width:100%;accent-color:var(--yellow);height:3px}.seek-row small{color:var(--muted);white-space:nowrap;font:10px DM Mono,monospace}.player-actions{align-items:center;gap:5px;display:flex}.player-actions button,.volume-control button{width:34px;height:34px;color:var(--cream);background:0 0;border:0;border-radius:50%;font-family:DM Mono,monospace;font-size:11px}.player-actions button:hover,.volume-control button:hover{background:#f5ead71f}.player-actions .play-button{background:var(--cream);width:42px;height:42px;color:var(--ink);font-size:13px}.volume-control{align-items:center;gap:4px;width:104px;display:flex}.volume-control input{width:62px}.youtube-host{width:1px;height:1px;position:fixed;left:-10000px}.catalogue{background:radial-gradient(circle at 90% 10%,#4b3025 0,#0000 34%),#221b16;min-height:100vh;padding:110px 8vw 170px}.catalogue-top{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:18px;font:10px DM Mono,monospace;display:flex}.catalogue-top button{padding:8px 12px}.catalogue-heading{max-width:650px;padding:86px 0 46px}.catalogue-heading h2,.detail-heading h2{letter-spacing:-.06em;margin:0 0 20px;font-size:clamp(52px,8vw,100px);line-height:.9}.catalogue-heading>p:last-child,.detail-heading>p{max-width:500px;color:var(--muted);line-height:1.7}.rotation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rotation-card{text-align:left;border:1px solid var(--line);min-height:250px;color:var(--cream);background:#30251f;border-radius:14px;padding:25px;transition:transform .2s,background .2s;position:relative}.rotation-card:hover{background:#49352a;transform:translateY(-4px)}.card-number,.card-time{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font:10px DM Mono,monospace}.card-time{float:right;color:var(--muted)}.rotation-card h3{margin:48px 0 5px;font-family:Noto Serif Devanagari,serif;font-size:28px}.rotation-card strong{font-size:16px}.rotation-card p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.6}.card-arrow{color:var(--yellow);font-size:22px;position:absolute;bottom:22px;right:24px}.detail-heading{padding:86px 0 42px}.detail-heading>span{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;margin-top:22px;font:10px DM Mono,monospace;display:inline-block}.song-list{border-top:1px solid var(--line)}.song-row{width:100%;color:var(--cream);text-align:left;background:0 0;border:0;border-bottom:1px solid #f5ead71f;grid-template-columns:42px 1.3fr 1.2fr 1fr 22px;align-items:center;gap:14px;padding:17px 5px;display:grid}.song-row:hover{background:#f5ead70f}.song-row>span,.song-row small{color:var(--muted);font:10px DM Mono,monospace}.song-row em{color:var(--muted);font-size:12px;font-style:normal}.song-row b{color:var(--yellow);font-size:11px}.song-row.static{cursor:default}.song-row.static:hover{background:0 0}footer{z-index:2;color:#f5ead761;letter-spacing:.08em;text-transform:uppercase;font:9px DM Mono,monospace;position:fixed;bottom:4px;right:20px}footer span{color:var(--yellow);padding:0 5px}@media (width<=700px){header{grid-template-columns:1fr auto;gap:12px;padding:16px}.live{grid-area:1/2;justify-self:end}.live span{display:none}nav{grid-area:2/1/auto/-1;justify-content:flex-start;justify-self:stretch;margin-top:8px}nav button{flex:1;padding:8px 5px;font-size:9px}.hero-content{padding:150px 24px 190px}.hero-content h1{font-size:75px}.subhead{font-size:14px}.hero-foot{font-size:9px;display:block;bottom:140px;left:24px}.hero-foot strong{margin-top:7px;display:block}.player-shell{gap:9px;width:calc(100% - 20px);padding:8px;bottom:12px}.player-art{width:48px;height:48px}.player-actions{gap:0}.player-actions button{width:28px;height:32px}.player-actions .play-button{width:38px;height:38px}.volume-control{width:30px}.volume-control input{display:none}.catalogue{padding:112px 16px 150px}.catalogue-top{gap:8px;font-size:8px}.catalogue-top button{padding:7px 8px;font-size:8px}.catalogue-heading{padding:65px 0 34px}.rotation-grid{grid-template-columns:1fr}.rotation-card{min-height:210px}.song-row{grid-template-columns:28px 1fr 22px;gap:8px}.song-row em,.song-row small{grid-column:2}.song-row b{grid-area:1/3/span 2}.song-row strong{font-size:13px}footer{display:none}}.volume-control button{letter-spacing:-.12em;flex:none;font-size:14px}@media (width<=700px){.volume-control{width:40px}.volume-control button{width:38px;height:38px;font-size:15px}}