*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#2d1f14,#1a120a);color:#e2e8f0;min-height:100vh;flex-direction:column}.radio-main-wrap,body{display:flex;align-items:center}.radio-main-wrap{flex:1 1;justify-content:center;width:100%}.radio-footer{padding:16px;text-align:center;font-size:.8rem;color:#8a7a6a;border-top:1px solid rgba(61,44,32,.6)}.radio-footer a{color:#c4b5a5;text-decoration:none}.radio-footer a:hover{text-decoration:underline;color:#e8ddd0}.radio-footer-sep{margin:0 8px;color:#5c4a3a}.compliance-page{max-width:640px;width:100%;padding:32px 24px 48px;margin:0 auto;text-align:left}.compliance-back{display:inline-block;margin-bottom:24px;color:#c4b5a5;text-decoration:none;font-size:.9rem}.compliance-back:hover{color:#e8ddd0;text-decoration:underline}.compliance-page h1{font-size:1.75rem;color:#e8ddd0;margin-bottom:8px}.compliance-updated{font-size:.85rem;color:#8a7a6a;margin-bottom:28px}.compliance-page section{margin-bottom:24px}.compliance-page h2{font-size:1.1rem;color:#c4b5a5;margin-bottom:10px}.compliance-page li,.compliance-page p{font-size:.9rem;line-height:1.6;color:#c4b5a5;margin-bottom:10px}.compliance-page ul{margin:8px 0 12px 20px}.compliance-page a{color:#8b7355;text-decoration:underline}.compliance-page a:hover{color:#c4a574}.radio-page{padding:24px}.radio-device{width:320px;padding:28px 24px 24px;background:linear-gradient(145deg,#4a3728,#2d2118 50%,#1f1812);border-radius:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 8px 24px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);border:2px solid #3d2c20}.radio-display{width:100%;aspect-ratio:1;background:#0f0f0f;border-radius:12px;overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border:3px solid #1a1a1a;box-shadow:inset 0 0 20px rgba(0,0,0,.6)}.radio-status{color:#888;font-size:.9rem}.radio-error{color:#e57373}.radio-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.radio-cover img{width:100%;height:100%;object-fit:cover}.radio-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e3a5f,#0d1f33);color:hsla(0,0%,100%,.4);font-size:4rem}.radio-cover-placeholder,.radio-segment-display{display:flex;align-items:center;justify-content:center}.radio-segment-display{flex-direction:column;gap:2px;margin-bottom:12px;padding:8px 10px;min-height:2.8em;background:linear-gradient(180deg,#0a0f0a,#051005);border:2px solid #1a2a1a;border-radius:6px;box-shadow:inset 0 0 12px rgba(0,40,0,.3);font-family:Courier New,Consolas,monospace;letter-spacing:.08em}.radio-segment-text{font-size:.8rem;font-weight:600;color:#7dff7d;text-shadow:0 0 6px rgba(125,255,125,.5)}.radio-segment-creator,.radio-segment-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.radio-segment-creator{font-size:.65rem;color:#5a9a5a;text-shadow:0 0 4px rgba(90,154,90,.4)}.radio-equalizer{margin-bottom:16px;padding:8px 10px;background:linear-gradient(180deg,#0a0f0a,#051005);border:2px solid #1a2a1a;border-radius:6px;box-shadow:inset 0 0 12px rgba(0,40,0,.3)}.radio-controls{gap:20px;margin-bottom:20px}.radio-controls,.radio-controls button{display:flex;align-items:center;justify-content:center}.radio-controls button{width:52px;height:52px;border-radius:50%;border:2px solid #5c4a3a;background:linear-gradient(180deg,#6b5344,#3d2e24);color:#e8ddd0;font-size:1.4rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1);transition:transform .1s,background .15s}.radio-controls button:hover:not(:disabled){background:linear-gradient(180deg,#7a6352,#4a3828);transform:scale(1.05)}.radio-controls button:active:not(:disabled){transform:scale(.98)}.radio-controls button:disabled{opacity:.5;cursor:not-allowed}.radio-like{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;border:2px solid #5c4a3a;background:linear-gradient(180deg,#6b5344,#3d2e24);color:#e8ddd0;font-size:.85rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4)}.radio-like:hover{background:linear-gradient(180deg,#7a6352,#4a3828)}.radio-like-icon{font-size:1rem;color:#e57373}.radio-like.radio-liked .radio-like-icon{color:#f44336}.radio-like-count{min-width:1.2em;text-align:center}.radio-volume{display:flex;align-items:center;gap:10px}.radio-volume label{font-size:.75rem;color:#8a7a6a;min-width:24px}.radio-volume input[type=range]{flex:1 1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#6b5344 0,#6b5344 var(--volume-fill,80%),#2d2118 var(--volume-fill,80%),#2d2118 100%);border-radius:4px;border:1px solid #3d2c20}.radio-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#8b7355,#5c4a3a);border:2px solid #3d2c20;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.4)}.radio-volume input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#8b7355,#5c4a3a);border:2px solid #3d2c20;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.4)}.radio-volume input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px}