/* FINAL ART DIRECTION — NIGHT SHIFT / editorial command center */
:root{--bg:#0d1118;--panel:#151c27;--panel-2:#1b2532;--ink:#f4f1ea;--muted:#8c98a8;--line:rgba(235,241,247,.11);--hot:#ff765c;--acid:#c7ef6a;--blue:#81b7ff;--cream:#f4f1ea;--shadow:0 24px 70px rgba(0,0,0,.26)}
*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body{overflow-x:hidden;background-image:radial-gradient(circle at 80% 0%,rgba(129,183,255,.11),transparent 32%),radial-gradient(circle at 4% 90%,rgba(255,118,92,.10),transparent 28%)!important}body:before{display:none!important}
.app{position:relative;width:min(100% - 64px,1540px)!important;min-height:calc(100dvh - 64px)!important;margin:32px auto!important;padding:0 46px 48px 250px!important;border:1px solid var(--line)!important;border-radius:26px!important;background:rgba(13,17,24,.88)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(30px)}
.app:before{content:'SHEETAL';position:absolute;left:38px;top:38px;color:var(--cream);font-size:13px;font-weight:900;letter-spacing:2.5px}.app:after{content:'YOUR DAY, LESS HEAVY';position:absolute;left:38px;top:68px;color:var(--muted);font-size:9px;letter-spacing:1.3px}
.topbar{height:118px;margin:0!important;border-bottom:1px solid var(--line);display:flex!important;align-items:center!important}.hello{display:none!important}.top-actions{margin-left:auto!important}.top-rj{height:42px!important;padding:0 18px!important;border:1px solid rgba(199,239,106,.45)!important;border-radius:999px!important;color:var(--acid)!important;background:rgba(199,239,106,.08)!important;font-size:10px!important;letter-spacing:1px!important}.icon-btn{border-color:var(--line)!important;border-radius:12px!important;color:var(--muted)!important;background:var(--panel)!important}
.bottom-nav{position:absolute!important;left:34px!important;top:128px!important;bottom:auto!important;width:172px!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.nav-item{width:100%;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 14px!important;border-radius:12px!important;color:#687487!important}.nav-item svg{width:17px!important;height:17px!important}.nav-item small{font-size:11px!important}.nav-item.active{color:var(--ink)!important;background:var(--panel-2)!important}.nav-item.active svg{color:var(--hot)}
.view[data-view=home]{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;grid-template-areas:'eyebrow eyebrow' 'title title' 'sub sub' 'assistant live' 'assistant live' 'quick quick' 'life life'!important;gap:0 24px!important;align-items:start!important}.view[data-view=home]>.eyebrow{grid-area:eyebrow!important;margin-top:40px!important;color:var(--acid)!important}.view[data-view=home]>h1{grid-area:title!important;margin-top:7px!important;color:var(--cream)!important;font-size:clamp(42px,5vw,72px)!important;line-height:.96!important;letter-spacing:-4px!important}.view[data-view=home]>.sub{grid-area:sub!important;margin-top:16px!important;max-width:670px!important;color:var(--muted)!important;font-size:15px!important}.view[data-view=home]>.assistant-command{grid-area:assistant!important;margin:26px 0 0!important}.view[data-view=home]>.live-card{grid-area:live!important;margin:26px 0 0!important;min-height:280px!important}.view[data-view=home]>.section-head:has(+.quick-grid){grid-area:quick!important;margin:36px 0 12px!important}.view[data-view=home]>.quick-grid{grid-area:quick!important;margin-top:62px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.view[data-view=home]>.life-panel{grid-area:life!important;margin-top:28px!important}
.eyebrow{color:var(--hot)!important;font-size:9px!important;letter-spacing:2px!important;font-weight:900!important}.section-head h2,.life-head h2{color:var(--cream)!important;font-size:18px!important}.sub{color:var(--muted)!important}
.assistant-command{padding:26px!important;border:1px solid rgba(129,183,255,.24)!important;border-radius:18px!important;background:linear-gradient(145deg,#182536,#111923)!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}.assistant-command:after{content:'PRIVATE SPACE';position:absolute;right:22px;top:24px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.5px}.assistant-command strong{color:var(--cream)!important;font-size:25px!important;letter-spacing:-.8px}.assistant-command p{color:var(--muted)!important}.assistant-form input{min-height:48px!important;border-color:var(--line)!important;color:var(--cream)!important;background:#0c121b!important}.assistant-form button{min-width:70px!important;border-radius:10px!important;color:#0d1118!important;background:var(--acid)!important}.assistant-prompts button{border-color:var(--line)!important;color:#b9c4d1!important;background:rgba(255,255,255,.04)!important}.assistant-prompts button:hover{color:#0d1118!important;background:var(--acid)!important}
.live-card{padding:24px!important;border:1px solid rgba(255,118,92,.25)!important;border-radius:18px!important;background:linear-gradient(145deg,#3c2527,#191c27)!important;box-shadow:0 18px 40px rgba(0,0,0,.2)!important}.live-card h2{margin-top:52px!important;color:var(--cream)!important;font-size:25px!important;letter-spacing:-.8px!important}.live-card .song{color:#c1a9a5!important}.onair{background:rgba(199,239,106,.1)!important;color:var(--acid)!important}.onair i{background:var(--acid)!important}.freq{color:#a98e92!important}.record-wrap{display:none!important}.hero-actions{display:flex!important;gap:8px!important;margin-top:26px!important}.hero-primary,.hero-secondary{min-height:40px!important;border-radius:10px!important;font-size:10px!important}.hero-primary{color:#121821!important;background:var(--cream)!important}.hero-secondary{color:var(--cream)!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--line)!important}
.now-card,.quick,.search,.result,.queue-item,.rj-card,.life-panel,.email-panel{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:none!important}.now-card{padding:12px!important}.track strong{color:var(--cream)!important}.track small,.track span,.life-muted,.life-message{color:var(--muted)!important}.cover{background:linear-gradient(145deg,#ff765c,#834e61)!important}.mini-play,.round-play{background:var(--hot)!important;color:#fff!important;box-shadow:none!important}.music-connection small{color:var(--muted)!important}.voice-toggle,.wake-toggle{border-color:var(--line)!important;color:var(--cream)!important;background:var(--panel-2)!important}.voice-toggle.on{background:var(--hot)!important}
.quick{min-height:124px!important;padding:16px!important;text-align:left!important;color:var(--cream)!important;background:var(--panel)!important}.quick:hover{transform:translateY(-3px);border-color:rgba(199,239,106,.4)!important}.quick span{display:block!important;width:auto!important;height:auto!important;margin-bottom:25px!important;color:var(--acid)!important;background:none!important;font-size:10px!important;font-weight:900!important;letter-spacing:1px}.quick strong{display:block;font-size:13px!important}.quick small{display:block;margin-top:5px;color:var(--muted)!important;font-size:10px!important}.life-panel{padding:22px!important;background:#111822!important}.life-box{border-color:var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important}.life-notes{background:rgba(129,183,255,.06)!important}
.view[data-view=search],.view[data-view=queue],.view[data-view=rj]{padding-top:42px!important}.view[data-view=search] h1,.view[data-view=queue] h1,.view[data-view=rj] h1{color:var(--cream)!important}.search input{color:var(--cream)!important}.search button,.result button,.queue-actions button:first-child{color:#0d1118!important;background:var(--acid)!important}.empty,.tip{color:var(--muted)!important}.rj-card{padding:28px!important}.rj-card .sub{color:var(--muted)!important}.rj-state,.transcript{background:#0d131c!important}.orb{background:#202b39!important}
@media(max-width:979px){.app{width:100%!important;min-height:100dvh!important;margin:0!important;padding:0 20px 112px!important;border:0!important;border-radius:0!important}.app:before{left:20px;top:24px}.app:after{left:20px;top:52px}.topbar{height:92px!important}.top-actions{padding-top:4px}.bottom-nav{position:fixed!important;z-index:20!important;left:50%!important;top:auto!important;bottom:12px!important;width:calc(100% - 28px)!important;transform:translateX(-50%)!important;flex-direction:row!important;padding:6px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:rgba(21,28,39,.92)!important;box-shadow:0 18px 40px rgba(0,0,0,.25)!important}.nav-item{justify-content:center!important;flex-direction:column!important;gap:2px!important;padding:5px!important}.nav-item small{font-size:9px!important}.view[data-view=home]{display:block!important}.view[data-view=home]>.eyebrow{margin-top:28px!important}.view[data-view=home]>h1{font-size:48px!important;letter-spacing:-3px!important}.view[data-view=home]>.assistant-command,.view[data-view=home]>.live-card{margin-top:20px!important}.view[data-view=home]>.quick-grid{margin-top:0!important;grid-template-columns:1fr 1fr!important}.view[data-view=home]>.section-head:has(+.quick-grid){margin-top:32px!important}.quick{min-height:112px!important}.quick span{margin-bottom:18px!important}}
@media(max-width:520px){.top-rj{font-size:0!important;width:42px!important;padding:0!important}.top-rj:after{content:'✦';font-size:16px}.view[data-view=home]>h1{font-size:42px!important}.assistant-command:after{position:static;display:block;margin-top:16px}.hero-actions{flex-direction:column!important}.hero-primary,.hero-secondary{width:100%!important}.live-card h2{margin-top:38px!important;font-size:23px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}