.ambient-intro{line-height:1.65;max-width:48rem}.ambient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.ambient-track{position:relative;text-align:start;min-height:130px;display:flex;flex-direction:column;gap:9px;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card));color:var(--fg);border:1px solid #ffffff20;overflow-wrap:anywhere}.ambient-track[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ambient-track-icon{font:30px Georgia,serif;color:var(--accent)}.ambient-track small{font-weight:400;font-size:12px}.ambient-controls{padding:22px}.ambient-controls select{display:block;max-width:100%;width:100%;margin-top:8px;padding:13px;border-radius:12px;background:var(--bg);color:var(--fg);border:1px solid #ffffff30}.ambient-transport{display:flex;flex-wrap:wrap;gap:10px}.ambient-status{min-height:24px;line-height:1.5}.ambient-controls .slider{margin-bottom:22px}.ambient-offline{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.ambient-offline span{font-size:24px;color:var(--accent)}#ambient-mini{margin-top:14px;border:1px solid #ffffff24;border-radius:16px;background:var(--card);padding:12px;gap:10px;align-items:center;display:flex;flex-wrap:wrap}#ambient-mini[hidden]{display:none}#ambient-mini .ambient-mini-title{flex:1;min-width:100px;font-size:13px;overflow-wrap:anywhere}#ambient-mini button{padding:8px 12px;min-height:44px}#ambient-mini button:last-child{background:transparent;color:var(--fg)}.ambient-credits{font-size:12px;line-height:1.6}.ambient-credits a{color:var(--accent)}@media(min-width:960px){html[data-view=ambient] main{max-width:860px}.ambient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.ambient-grid{gap:8px}.ambient-track{padding:14px}.ambient-controls{padding:16px}}