:root{--bg-color:#faf7f2;--text-primary:#433e38;--text-secondary:#8c857b;--primary-color:#82a382;--primary-hover:#6e8f6e;--accent-color:#e8b07d;--accent-glow:transparent;--panel-bg:#fff;--panel-border:#eae4d9;--panel-shadow:0 10px 30px -5px #433e3814, 0 4px 6px -2px #433e380a;--danger:#d97777}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-primary);touch-action:none;flex-direction:column;width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;overflow:hidden}#root{background-image:radial-gradient(600px,#fffffff2 0%,#fff9 60%,#fff0 100%),url(/medias/fond.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:16px}h1,h2,h3{letter-spacing:-.025em;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}input{background:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;transition:border-color .2s}input:focus{border-color:var(--primary-color)}.app-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scale-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:relative}@media (width<=800px){.scale-wrapper{transform:scale(.8)}}@media (width<=600px){.scale-wrapper{transform:scale(.65)}}@media (width<=400px){.scale-wrapper{transform:scale(.5)}}.radio-orbit{pointer-events:none;border:1px dashed #ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute}.center-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.create-slot{background:var(--panel-bg);border:2px dashed var(--text-secondary);width:60px;height:60px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:absolute;top:-80px}.create-slot:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.central-radio{background:var(--panel-bg);border:1px solid var(--panel-border);width:240px;height:240px;box-shadow:var(--panel-shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.carrot-img{object-fit:cover;border-radius:50%;width:140px;height:140px;transition:transform .2s}.rabbit-img{object-fit:cover;border:2px solid var(--panel-border);border-radius:50%;width:48px;height:48px}.slot-rabbit-img{object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.central-radio.broadcasting:hover{transform:scale(1.05)}.radio-illustration{width:120px;height:120px;color:var(--text-secondary);opacity:.8;margin-bottom:10px}.radio-slot{pointer-events:auto;cursor:pointer;background:var(--panel-bg);border:1px solid var(--panel-border);width:100px;height:100px;box-shadow:var(--panel-shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,background-color .2s;display:flex;position:absolute}.radio-slot:hover{z-index:20;transform:scale(1.1)!important}.slot-icon{margin-bottom:4px;font-size:32px}.slot-name{white-space:nowrap;color:var(--text-primary);text-shadow:0 1px 3px #ffffffe6;z-index:2;font-size:13px;font-weight:600;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.listeners-badge{background:var(--primary-color);color:#fff;z-index:2;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 10px #82a38266}.modal-overlay{z-index:100;opacity:0;background:#0009;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel-bg);width:400px;box-shadow:var(--panel-shadow);border-radius:16px;flex-direction:column;gap:20px;padding:30px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUp;display:flex;transform:translateY(20px)}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:20px}.close-btn{color:var(--text-secondary);font-size:24px}.close-btn:hover{color:var(--text-primary)}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.btn-primary{background:var(--primary-color);color:#fff;border-radius:8px;margin-top:10px;padding:12px;font-weight:600}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes pulse-glow{0%{border-color:var(--panel-border)}50%{border-color:var(--danger)}to{border-color:var(--panel-border)}}.broadcasting{border-color:var(--danger);animation:2s infinite pulse-glow}.listening-banner{background:var(--panel-bg);border:1px solid var(--primary-color);color:var(--primary-color);box-shadow:var(--panel-shadow);z-index:50;border-radius:8px;align-items:center;gap:10px;padding:10px 24px;font-weight:600;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideDown;display:flex;position:absolute;top:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.listening-pulse{background:var(--primary-color);border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-green}@keyframes pulse-green{0%{opacity:1}50%{opacity:.4}to{opacity:1}}