*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;touch-action:none}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.bloc{height:50vh;width:100%;position:relative;overflow:hidden;transition:background .3s;cursor:pointer}.haut{background:#4caf50}.haut.selected{background:#81c784}.bas{background:#263238}.bas.selected{background:#546e7a}.mic-btn{position:absolute;top:15px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;border:none;background:#fff;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s;z-index:100}.mic-btn:hover{transform:translate(-50%) scale(1.1)}.mic-btn.listening{background:#f44336;animation:pulse 1s infinite}.mic-btn.thinking{background:#2196f3;animation:think .5s infinite}.feedback{position:absolute;top:85px;left:50%;transform:translate(-50%);background:#fffffff2;padding:10px 20px;border-radius:20px;font-weight:700;z-index:99;box-shadow:0 2px 10px #0003}@keyframes pulse{0%,to{box-shadow:0 0 #f4433680}50%{box-shadow:0 0 0 20px #f4433600}}@keyframes think{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.bulle{position:absolute;padding:10px 18px;border-radius:25px;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 3px 10px #0006;display:flex;align-items:center;gap:10px;z-index:10;touch-action:none;white-space:nowrap}.bulle:active{cursor:grabbing;transform:scale(1.05)}.bulle .delete{cursor:pointer;font-size:1.3rem;transition:transform .2s}.bulle .delete:hover{transform:scale(1.2)}.bulle-haut{background:#fff;color:#333}.bulle-haut .delete{color:#4caf50}.bulle-bas{background:#ffeb3b;color:#333}.bulle-bas .delete{color:#d32f2f}