:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#fff}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}:root{--primary: #8e44ad;--primary-hover: #9b59b6;--secondary: #a29bfe;--dark: #2d3436;--text-gray: #636e72;--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--white: #ffffff;--success: #00b894;--warning: #ff7675}.container{padding:2.5rem;width:100%;max-width:400px;text-align:center;position:relative;overflow:hidden}h1{color:var(--primary);margin:0;font-weight:900;font-size:2.5rem;text-transform:uppercase}.tagline{color:var(--text-gray);margin-top:5px;margin-bottom:2rem}.form-group{margin-bottom:1.2rem;text-align:left}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.85rem}select,input{width:100%;padding:14px;color:var(--dark);border:none;border-radius:12px;font-size:1rem;box-sizing:border-box;outline:none;background-color:#f4f5f8}select:focus,input:focus{border-color:var(--primary);background-color:#f4f5f8}.row{display:flex;gap:10px}.col{flex:1}button{width:100%;padding:16px;background-color:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;font-weight:700;margin-top:10px;transition:transform .2s}button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}button.secondary{background-color:#dfe6e9;color:var(--text-gray)}.video-area{background:#e3f9f2;border-radius:16px;padding:2rem;border:2px solid var(--success);text-align:left;animation:slideUp .5s ease-out}.info-label{font-size:.75rem;text-transform:uppercase;color:#555;margin-top:15px;font-weight:700}.info-value{font-size:1.1rem;font-weight:600;background:#fff9;padding:8px;border-radius:6px}code{display:block;background:#fff;padding:10px;border-radius:6px;font-family:monospace;color:var(--success);border:1px dashed var(--success);word-break:break-all}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alarm-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffffa;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{display:none!important}.meeting-stage{position:relative;width:100%;height:450px;background:#000;border-radius:12px;overflow:hidden}.remote-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.remote-view>div{width:100%!important;height:100%!important}.local-view{position:absolute;top:15px;right:15px;width:140px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000080;border:2px solid rgba(255,255,255,.2);z-index:10;background:#333}.local-view>div{width:100%!important;height:100%!important}.waiting-msg{color:#fff;text-align:center;font-family:sans-serif}rtk-participant-tile::part(name),rtk-participant-tile::part(audio-indicator),rtk-participant-tile::part(mic-indicator),rtk-participant-tile::part(bar){display:none!important}.rtk-participant-tile__name,.rtk-participant-tile__audio,.rtk-name-tag,.rtk-audio-indicator,rtk-name-tag,rtk-audio-indicator{display:none!important}