.hos-home-banner{position:relative;width:100%;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--surface,#e9f1eb);color:var(--text,#18392e);cursor:pointer}.hos-home-banner>img:not(.hos-banner-logo){display:block;width:100%;height:auto;min-height:120px;max-height:300px;object-fit:cover}.hos-home-banner>span{display:flex;gap:14px;align-items:center;justify-content:center;padding:30px;font-size:22px}.hos-home-banner .hos-banner-logo{position:absolute;left:12px;top:12px;width:55px;height:55px;object-fit:contain}.hos-home-banner .hos-banner-caption{position:absolute;bottom:0;inset-inline:0;display:grid;color:#fff;background:linear-gradient(transparent,#000a);padding:24px 12px 12px}.hos-toolbar{display:flex;gap:10px;margin:12px 0}.hos-toolbar input{flex:1;min-width:0}.hos-toolbar button{flex:0 0 48px}.hos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.hos-card{position:relative;border:1px solid #789b852e;border-radius:18px;background:var(--card-bg,var(--surface,#edf3ee));overflow:hidden;min-width:0}.hos-open{display:flex;flex-direction:column;width:100%;height:100%;text-align:start;border:0;background:transparent;color:inherit;padding:0}.hos-open img{width:100%;height:124px;object-fit:cover;display:block}.hos-open img.hos-placeholder{object-fit:contain;padding:22px;box-sizing:border-box;opacity:.7}.hos-card-copy{display:grid;gap:8px;padding:14px;line-height:1.7;overflow-wrap:anywhere}.hos-card-copy strong{font-size:16px;padding-inline-end:22px}.hos-card-copy small,.hos-path{opacity:.75}.hos-favorite{position:absolute;inset-inline-end:4px;bottom:8px;border:0;background:transparent;padding:10px;color:inherit}.hos-favorite[aria-pressed=true]{color:#b23c50}.hos-favorite[aria-pressed=true] svg{fill:currentColor}.hos-mini{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));inset-inline:12px;z-index:35;background:var(--card-bg,#fff);color:var(--text,#123d30);border:1px solid #a1b7aa;box-shadow:0 5px 22px #0002;border-radius:16px;display:flex;padding:6px;gap:4px;align-items:center}.hos-mini button{border:0;background:transparent;color:inherit;padding:10px;min-width:40px}.hos-mini button:first-child{flex:1;min-width:0;text-align:start}.hos-mini strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hos-playing .view{padding-bottom:160px}.hos-playing .radio-fab{bottom:calc(148px + env(safe-area-inset-bottom))}.hos-group-title{grid-column:1/-1;margin:12px 0 0}.hos-art{display:block;max-width:220px;width:100%;aspect-ratio:1;object-fit:contain;margin:0 auto;border-radius:18px}.hos-player-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.hos-player-controls label{flex:1;min-width:110px}.hos-player-controls select{width:100%}.hos-player input[type=range]{width:100%;direction:ltr}.hos-text{white-space:pre-wrap;font-family:inherit;line-height:2;overflow-wrap:anywhere;text-align:start}.hos-video-stage{background:#000;display:grid;place-items:center}.hos-video-stage video{display:block;width:100%;max-height:65dvh;object-fit:contain}.hos-video-stage video:fullscreen{width:100vw;height:100dvh;max-height:none;object-fit:contain;background:#000}.hos-image{width:100%;max-height:75dvh;object-fit:contain}.hos-detail #hosExports,.hos-player #hosExports{display:flex;gap:12px;margin-block:16px}.hos-path{grid-column:1/-1;font-size:12px}@media(min-width:700px){.hos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hos-open img{height:170px}.hos-mini{max-width:620px;margin-inline:auto}}[data-theme=dark] .hos-card,[data-theme=dark] .hos-mini{background:#203e33;color:#e9f2eb}

.hos-lyric-line{display:block;padding:8px;border-radius:10px;cursor:pointer}.hos-lyric-line.active{background:var(--surface2);color:var(--brand);font-weight:bold}#adminConfigJson{max-width:100%;width:100%;font:12px monospace}#adminNodeSelect{width:100%;max-width:100%;overflow:auto}

.hos-toolbar button{border:0;border-radius:14px;background:var(--surface2);color:var(--text)}