:root{--header-height:60px;--main-blue:#007aff;--main-green:var(--ok);--main-red:var(--danger);--bg-light:#f0f2f5;--card-bg-opacity:.2;--card-shadow:0 8px 32px 0 #0b0d304d;--card-border:1px solid #ffffff4d;--control-bg:#ffffff1a}body{background:var(--page-bg);color:#333;background-size:cover;background-attachment:fixed;margin:0;padding:0;transition:background-color .3s;position:relative}.meeting-wrapper{padding-top:var(--header-height);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:50px;display:flex}.meeting-container{gap:20px;width:95%;max-width:1200px;padding:20px;display:flex}.control-card{background-color:rgba(255, 255, 255, var(--card-bg-opacity));border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:var(--card-border);flex:0 0 300px;max-height:80vh;padding:20px;overflow-y:auto}.video-display-area{flex-direction:column;flex-grow:1;gap:20px;display:flex}.video-player-container{flex-wrap:wrap;gap:20px;min-height:400px;display:flex}.video-card{border-radius:var(--radius-md);box-shadow:var(--card-shadow);aspect-ratio:16/9;background-color:#00000080;flex:45%;min-width:300px;position:relative;overflow:hidden}.video-card video{object-fit:cover;width:100%;height:100%}.video-label{color:#fff;border-radius:var(--radius-sm);background-color:#00000080;padding:5px 10px;font-size:.9em;position:absolute;bottom:10px;left:10px}h2{color:#1a1a1a;border-bottom:1px solid #0000001a;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-weight:600}.meeting-input-group{margin-bottom:20px}.meeting-input{border-radius:var(--radius-lg);box-sizing:border-box;background-color:var(--surface-strong);color:#333;border:1px solid #0000001a;width:100%;margin-bottom:10px;padding:12px;font-size:16px;transition:all .2s}.meeting-input::placeholder{color:#999}.meeting-action-button{border-radius:var(--radius-lg);box-sizing:border-box;background-color:var(--main-blue);color:#fff;cursor:pointer;border:none;width:100%;margin-bottom:10px;padding:12px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #007aff66}.meeting-action-button:hover{opacity:.9}.meeting-action-button:disabled{cursor:not-allowed;box-shadow:none;background-color:#a0c4ff}.meeting-action-button.red-btn{background-color:var(--main-red);box-shadow:0 2px 4px #ff3b3066}.device-controls{border-top:1px solid #0000001a;flex-wrap:wrap;justify-content:space-around;gap:10px;margin-top:20px;padding-top:15px;display:flex}.device-btn{border-radius:var(--radius-lg);background-color:var(--control-bg);color:#333;cursor:pointer;border:none;flex-direction:column;flex:45%;justify-content:center;align-items:center;padding:10px 5px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.device-btn:hover:not(:disabled){background-color:#fff6}.device-btn.active{background-color:var(--main-green);color:#fff}.device-btn.active:hover{background-color:#2ab74d}.device-btn i{margin-bottom:5px;font-size:1.5em}.status-log{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-all;color:#555;background-color:#0000000d;max-height:150px;margin-top:15px;padding:10px;font-size:.8em;overflow-y:auto}@media (width<=800px){.meeting-container{flex-direction:column;gap:10px;padding:10px}.control-card{flex:auto;max-height:none}.video-player-container{flex-direction:column;min-height:200px}.video-card{flex:100%}}@media (orientation:landscape) and (width<=900px){.video-card{aspect-ratio:16/9}}body{background:var(--page-bg);color:var(--text-main)}:root{--card-bg-opacity:1;--card-shadow:none;--card-border:1px solid var(--line);--control-bg:var(--surface-soft)}.meeting-container,.control-card,.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;color:var(--text-main)}.meeting-input{background:var(--surface-soft);border-color:var(--line);color:var(--text-main)}.video-display-area h1,#meeting-title{color:var(--text-main);letter-spacing:-.02em;text-align:left;text-shadow:none;font-size:24px;font-weight:650}.meeting-action-button{color:var(--surface-strong);background:var(--text-main);border:1px solid var(--text-main);border-radius:var(--radius-sm);box-shadow:none}.meeting-action-button:hover{opacity:.85;box-shadow:none;transform:none}.meeting-action-button.red-btn{color:var(--danger);border-color:var(--line);background:0 0}.device-btn{color:var(--text-subtle);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.device-btn:hover:not(:disabled){color:var(--text-main);background:var(--surface-soft)}.device-btn.active{color:var(--surface-strong);background:var(--text-main);border-color:var(--text-main)}.video-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}.video-label{color:var(--text-subtle)}