.novellia-radio{position:fixed;z-index:90;right:20px;bottom:20px;display:grid;width:min(390px,calc(100vw - 24px));grid-template-columns:44px minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:0 10px 11px;border:1px solid rgba(202,202,202,.36);border-radius:14px;background:linear-gradient(145deg,rgba(27,27,27,.96),rgba(12,12,12,.95) 72%);color:#eef1f5;box-shadow:0 20px 54px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(22px);font:13px/1.4 Arial,sans-serif}.novellia-radio.is-dragging{box-shadow:0 26px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09);will-change:transform}.novellia-radio-handle{grid-column:1/-1;display:flex;height:30px;align-items:center;justify-content:space-between;border-bottom:1px solid #383c39;color:#a4a9b0;cursor:grab;touch-action:none;user-select:none}.novellia-radio-handle:active{cursor:grabbing}.novellia-radio-handle>strong{font-size:10px;letter-spacing:.04em}.novellia-radio button{display:grid;place-items:center;border:1px solid #545a55;border-radius:9px;background:#202225;color:#eef1f5;cursor:pointer}.novellia-radio button:hover{border-color:#858c96;background:#2d3035}.novellia-radio button:focus-visible,.novellia-radio select:focus-visible,.novellia-radio input:focus-visible{outline:2px solid #86aef2;outline-offset:2px}.novellia-radio-handle button{width:27px;height:24px;border:0;background:transparent}.novellia-radio svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.novellia-radio [data-expand]{display:none}.novellia-radio-art{width:44px;height:44px;overflow:hidden;border:1px solid #555b56;border-radius:9px;background:#111}.novellia-radio-art img{width:100%;height:100%;object-fit:cover}.novellia-radio-art[hidden]+.novellia-radio-now{grid-column:1/3}.novellia-radio-now{display:grid;min-width:0;gap:2px}.novellia-radio-now strong,.novellia-radio-now span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novellia-radio-now strong{font-size:13px}.novellia-radio-now span{color:#979da5;font-size:10px}.novellia-radio-controls{display:flex;gap:5px}.novellia-radio-controls button{width:34px;height:34px;padding:0}.novellia-radio-controls [data-play]{fill:currentColor;stroke:none}.novellia-radio-controls [data-pause],.novellia-radio-controls .is-playing [data-play]{display:none}.novellia-radio-controls .is-playing [data-pause]{display:block}.novellia-radio-playlist,.novellia-radio-volume{display:grid;grid-column:1/-1;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:9px;margin:0;color:#a4a9b0;font-size:10px}.novellia-radio select{width:100%;height:36px;padding:5px 9px;border:1px solid #4f5550;border-radius:9px;background:#121416;color:#eef1f5}.novellia-radio-volume input{width:100%;accent-color:#b8bec7}.novellia-radio audio{display:none}.novellia-radio.is-collapsed{display:block;width:48px;height:48px;padding:3px;border-radius:12px}.novellia-radio.is-collapsed>:not(.novellia-radio-handle){display:none}.novellia-radio.is-collapsed .novellia-radio-handle{display:block;width:40px;height:40px;border:0}.novellia-radio.is-collapsed .novellia-radio-handle>strong{display:none}.novellia-radio.is-collapsed .novellia-radio-handle button{width:40px;height:40px;border:1px solid #595f68;background:#202225;cursor:grab}.novellia-radio.is-collapsed.is-dragging .novellia-radio-handle button{cursor:grabbing}.novellia-radio.is-collapsed [data-collapse]{display:none}.novellia-radio.is-collapsed [data-expand]{display:block}
.radio-admin-list{display:grid;gap:10px;padding-bottom:60px}.radio-admin-card{overflow:hidden;border:1px solid rgba(202,202,202,.32);border-radius:14px;background:#121212}.radio-admin-card summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;cursor:pointer;list-style:none}.radio-admin-card summary::-webkit-details-marker{display:none}.radio-admin-card summary:hover{background:#1a1b1d}.radio-admin-card summary h3{margin:0 0 2px;font-size:16px}.radio-admin-card summary small{color:#a4a9b0}.radio-admin-card summary svg{width:20px;height:20px;fill:none;stroke:#a8a8a8;stroke-width:1.8;transition:transform 180ms ease-out}.radio-admin-card[open] summary{border-bottom:1px solid #303238}.radio-admin-card[open] summary svg{transform:rotate(180deg)}.radio-admin-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px 14px;border-bottom:1px solid #2f3135}.radio-admin-tracks article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #2f3135}.radio-admin-tracks article:first-child{border-top:0}.radio-admin-tracks>p{margin:0;padding:22px;color:#a4a9b0}.radio-track-play{display:grid;width:34px;height:34px;place-items:center;padding:0!important;border-radius:50%!important}.radio-track-actions{display:flex;gap:7px}.radio-admin-empty{padding:34px 0;border-top:1px solid #41454b;border-bottom:1px solid #41454b}.radio-admin-empty p{margin:4px 0 0;color:#a4a9b0}.radio-editor-form{display:grid;gap:16px;padding:28px}.radio-editor-form>header h2{margin:0 0 5px}.radio-editor-form>header p{margin:0;color:#a4a9b0}.radio-editor-form label{display:grid;gap:6px;font-size:12px}.radio-editor-form input,.radio-editor-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #535861;border-radius:9px;background:#161719;color:#f2f4f7}.radio-bulk-list{display:grid;max-height:320px;gap:7px;padding:8px;overflow:auto;border:1px solid #41454b;border-radius:12px;background:#101211}.radio-bulk-list label{grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);align-items:center;padding:7px;border:1px solid #303430;border-radius:9px;background:#171918}.radio-bulk-list span{overflow:hidden;color:#8f959d;text-overflow:ellipsis;white-space:nowrap}.radio-editor-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.novellia-radio{right:10px;bottom:10px;width:min(360px,calc(100vw - 20px))}.radio-admin-actions{flex-wrap:wrap}.radio-admin-actions button{flex:1}.radio-admin-tracks article{grid-template-columns:34px minmax(0,1fr)}.radio-track-actions{grid-column:1/-1}.radio-track-actions button{flex:1}.radio-bulk-list label{grid-template-columns:1fr}.radio-editor-form{padding:20px}}
@media(prefers-reduced-motion:reduce){.radio-admin-card summary svg{transition:none}}