.occ-wrap,.occ-inner{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#000;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.06)}.occ-topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,#0ea5e9,#34d399);color:#000}.occ-rooms{display:flex;flex-wrap:wrap;gap:6px}.occ-room-chip{background:#fff;color:#000;border:1px solid #93c5fd;border-radius:999px;padding:4px 10px;cursor:pointer;transition:transform .05s;font-size:12px}.occ-room-chip.active{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.25) inset}.occ-users-counter{margin-left:auto;font-size:12px}.occ-sound-toggle,.occ-create-room-btn{background:#111;color:#fff;border:0;border-radius:999px;padding:6px 10px;cursor:pointer}.occ-messages{height:380px;overflow:auto;padding:10px 12px;background:#fff}.occ-msg{margin:8px 0;display:flex;gap:8px}.occ-msg .occ-nk{font-weight:700}.occ-msg .occ-time{opacity:.6;font-size:12px}.occ-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e5e7eb;background:#fff}.occ-input input[type="text"]{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}.occ-input .occ-nickname{max-width:180px}.occ-input .occ-send{background:#10b981;color:#000;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.occ-fab{position:fixed;right:16px;bottom:16px;background:linear-gradient(90deg,#0ea5e9,#34d399);color:#000;border:0;padding:12px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer;z-index:9998}.occ-fab-panel{position:fixed;right:16px;bottom:72px;width:360px;max-width:95vw;height:520px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:9999;display:flex;flex-direction:column}.occ-fab-header{padding:10px 12px;font-weight:700;background:#f0fdf4;border-bottom:1px solid #e5e7eb}.occ-fab-body{flex:1;padding:8px;overflow:auto}.occ-create-form{display:none;gap:8px;padding:10px 12px;border-top:1px solid #e5e7eb;background:#f8fafc}.occ-create-form input,.occ-create-form select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}.occ-create-form .occ-create{background:#0ea5e9;color:#000;border:0;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}.occ-room-chip[data-privacy="registered"]::after{content:" 🔐";color:#0ea5e9}@media (max-width:640px){.occ-messages{height:300px}.occ-input .occ-nickname{max-width:120px}}