:root{--apple-blue: #007AFF;--apple-blue-hover: #0062cc;--bg-color: #F5F5F7;--text-primary: #1D1D1F;--text-secondary: #86868B;--input-bg: #FFFFFF;--input-border: #D2D2D7;--input-focus-ring: rgba(0, 122, 255, .4)}@media(prefers-color-scheme:dark){:root{--bg-color: #000000;--text-primary: #F5F5F7;--input-bg: #1C1C1E;--input-border: #424245}}.container{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px;box-sizing:border-box;position:relative}.landing-header{position:absolute;top:0;left:0;width:100%;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:10}.header-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.logo-icon{width:28px;height:28px;color:var(--apple-blue)}.user-profile-menu{display:flex;align-items:center;gap:10px;background-color:var(--input-bg);padding:6px 14px 6px 6px;border-radius:99px;border:1px solid var(--input-border)}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--apple-blue)}.user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.user-name-span{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.btn-logout{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:.75rem;padding:0;cursor:pointer}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;width:100%}h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1}.subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.5}.action-area{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:2.5rem;flex-wrap:wrap;width:100%}.btn-new-meeting{background-color:var(--apple-blue);color:#fff;border:none;border-radius:50px;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #007aff4d;transition:transform .2s}.btn-new-meeting:active{transform:scale(.96)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-secondary)}.meeting-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:12px;padding:14px 16px 14px 48px;font-size:1rem;width:260px;outline:none}.btn-join{background:none;border:none;font-size:1.1rem;font-weight:600;padding:10px 20px;cursor:pointer;color:var(--apple-blue);transition:color .2s,opacity .2s}.btn-join:disabled{color:var(--text-secondary);opacity:.6;cursor:default}.divider{border:0;border-top:1px solid var(--input-border);width:100%;margin:2rem 0;opacity:.5}.footer-text{font-size:.85rem;color:var(--text-secondary)}.learn-more a{color:var(--apple-blue);text-decoration:none}@media(max-width:600px){.hero-content{margin-top:80px;padding:0 20px}.landing-header{padding:16px 20px}.header-logo{font-size:1.25rem}h1{font-size:2.2rem}.subtitle{font-size:1rem;margin-bottom:2rem}.action-area{flex-direction:column;gap:15px}.btn-new-meeting,.input-wrapper,.meeting-input{width:100%;max-width:100%;justify-content:center}.meeting-input{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.login-modal{background-color:#202124;padding:30px;border-radius:20px;width:90%;max-width:400px;position:relative;text-align:center;border:1px solid #3c4043;box-shadow:0 20px 50px #0009;animation:slideUpModal .3s ease-out;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.close-modal-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#9aa0a6;cursor:pointer;padding:5px}.close-modal-btn:hover{color:#fff}.modal-icon-wrapper{background-color:#007aff26;width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.login-modal h2{font-size:1.4rem;margin-bottom:10px;color:#fff}.modal-text{color:#bdc1c6;font-size:.95rem;margin-bottom:20px;line-height:1.5}.privacy-highlight{background-color:#2b2c30;padding:15px;border-radius:12px;text-align:left;margin-bottom:25px;font-size:.9rem}.privacy-highlight ul{margin:0;padding-left:20px;color:#e8eaed}.privacy-highlight li{margin-bottom:6px}.modal-confirm-btn{width:100%;padding:12px;background-color:#fff;color:#3c4043;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s}.modal-confirm-btn:hover{background-color:#f1f3f4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.remember-me-wrapper{margin:12px 0 20px;display:flex;justify-content:center;width:100%}.remember-me-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#dadce0;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:6px;transition:background-color .2s}.remember-me-label:hover{background-color:#ffffff0d}.remember-me-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #5f6368;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s}.remember-me-label input[type=checkbox]:checked{background-color:#007aff;border-color:#007aff}.remember-me-label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--video-bg: #202124;--toolbar-bg: #1c1c1e;--apple-blue: #007AFF;--icon-danger: #ea4335}.meeting-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--video-bg);overflow:hidden;position:relative}.video-grid{flex:1;display:grid;gap:12px;padding:16px 16px 100px;width:100%;box-sizing:border-box;align-content:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:1400px;margin:0 auto}.video-tile{position:relative;background-color:#3c4043;border-radius:16px;overflow:hidden;width:100%;height:100%;box-shadow:0 4px 15px #00000080;aspect-ratio:16/9;object-fit:cover}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.mirrored{transform:scaleX(-1)}.video-grid[data-count="1"]{grid-template-columns:1fr;max-width:900px}.video-grid[data-count="2"],.video-grid[data-count="3"]{grid-template-columns:1fr 1fr}.video-grid[data-count="3"] .video-tile:first-child{grid-column:1 / -1;max-height:50vh}.user-name{position:absolute;bottom:15px;left:15px;background-color:#0009;color:#fff;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:500;pointer-events:none;z-index:10}.connection-badge{position:absolute;top:15px;right:15px;padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;z-index:5;text-transform:uppercase}.badge-p2p{background-color:#22c55e}.badge-turn{background-color:#f59e0b}.controls-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 24px;background-color:#1c1c1e4d;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:50px;box-shadow:0 8px 32px #00000080;z-index:1000}.control-btn{width:52px;height:52px;border-radius:50%;border:none;background-color:#3c4043;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s}.control-btn:hover{background-color:#555;transform:translateY(-2px)}.control-btn.danger{background-color:var(--icon-danger);width:68px;border-radius:34px}.active-share{background-color:var(--apple-blue)!important}@media(min-width:768px)and (max-width:1024px){.video-grid{gap:16px;padding:20px;align-content:center}.video-tile{height:auto;aspect-ratio:4/3;min-height:0}.video-grid[data-count="3"] .video-tile:first-child{max-height:40vh}}@media(max-width:768px){.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 10px 90px;align-content:start}.video-tile{width:100%;aspect-ratio:3/4;border-radius:12px}.video-grid[data-count="1"]{grid-template-columns:1fr}.video-grid[data-count="1"] .video-tile{aspect-ratio:9/16;max-height:70vh}.video-grid[data-count="3"] .video-tile:first-child{grid-column:1 / -1;aspect-ratio:16/9}.controls-bar{width:85%;bottom:20px;padding:12px;gap:12px}.control-btn{width:50px;height:50px}.control-btn svg{width:24px;height:24px}}.share-menu{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background-color:#2c2c2c;border:1px solid #3c4043;border-radius:12px;padding:8px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0009;z-index:2000;animation:slideUp .2s ease-out;min-width:240px;gap:6px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.share-item{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:#e8eaed;padding:12px 16px;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;width:100%;text-align:left;transition:background-color .2s}.share-item:hover{background-color:#3c4043}.share-divider{height:1px;background-color:#3c4043;width:100%;margin:2px 0}@media(max-width:768px){.share-menu{bottom:80px;min-width:200px}}.share-info{padding:12px 16px;display:flex;flex-direction:column;align-items:center;background-color:#252525;border-radius:8px;margin-bottom:4px}.share-label{font-size:.75rem;text-transform:uppercase;color:#9aa0a6;letter-spacing:.5px;margin-bottom:4px}.share-code-text{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:1px;-webkit-user-select:text;user-select:text}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;opacity:0}.video-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c2f33;display:flex;justify-content:center;align-items:center;z-index:2}.user-avatar-large{width:120px;height:120px;border-radius:50%;background-color:var(--apple-blue);display:flex;justify-content:center;align-items:center;font-size:3.5rem;font-weight:600;color:#fff;overflow:hidden;box-shadow:0 8px 24px #0006;border:3px solid #3c4043}.user-avatar-large img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.user-avatar-large{width:90px;height:90px;font-size:2.5rem}}.hidden{display:none!important}.meeting-content-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.video-grid-wrapper{flex:1;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.chat-panel{width:350px;background-color:#202124;border-left:1px solid #3c4043;display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease-out;z-index:50}.chat-header{padding:16px;border-bottom:1px solid #3c4043;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center}.close-chat-mobile{background:none;border:none;color:#9aa0a6;cursor:pointer;display:none}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message{display:flex;flex-direction:column;gap:4px;max-width:85%}.chat-message.local{align-self:flex-end;align-items:flex-end}.chat-message.remote{align-self:flex-start}.msg-sender{font-size:.75rem;color:#9aa0a6;margin-left:4px;margin-right:4px}.msg-bubble{padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.4;word-wrap:break-word}.chat-message.local .msg-bubble{background-color:#007aff;color:#fff;border-bottom-right-radius:2px}.chat-message.remote .msg-bubble{background-color:#3c4043;color:#e8eaed;border-bottom-left-radius:2px}.msg-time{font-size:.7rem;color:#9aa0a6;margin-top:2px;opacity:.8}.chat-input-area{padding:16px;border-top:1px solid #3c4043;display:flex;gap:10px}.chat-input{flex:1;background-color:#303134;border:1px solid #5f6368;color:#fff;padding:10px 14px;border-radius:24px;outline:none;font-size:.95rem}.chat-input:focus{border-color:#007aff}.chat-send-btn{background-color:#007aff;color:#fff;border:none;width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.chat-send-btn svg{width:24px;height:24px}.chat-send-btn:hover{background-color:#0062cc}.chat-send-btn:disabled{background-color:#3c4043;cursor:not-allowed;opacity:.5}.control-btn.has-unread:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;background-color:#ea4335;border-radius:50%;border:2px solid #202124}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:768px){.chat-panel{position:fixed;top:0;right:0;width:100%;height:100dvh;height:-webkit-fill-available;z-index:2000}.chat-input-area{padding-bottom:20px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.close-chat-mobile{display:block}}.video-tile.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:5000;border-radius:0;margin:0;background-color:#000;animation:zoomIn .3s ease-out}.video-tile.fullscreen-mode video{object-fit:contain;background-color:#000}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fullscreen-btn{position:absolute;top:12px;left:12px;background-color:#00000080;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:20;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-btn svg{width:24px!important;height:24px!important;stroke-width:2.5px}.video-tile:hover .fullscreen-btn{opacity:1}.fullscreen-btn:hover{background-color:#000c;transform:scale(1.05)}@media(max-width:768px){.fullscreen-btn{opacity:1;top:10px;left:10px;background-color:#0009}}.video-tile.fullscreen-mode .fullscreen-btn{opacity:1;top:20px;left:20px;background-color:#3c4043cc;border-color:#ffffff4d}.vb-option-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:10px;transition:all .2s}.vb-option-card:hover{background:#333}.vb-option-card.active{background:#3b82f6;border-color:#3b82f6}.vb-icon-placeholder{width:40px;height:40px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center}.category-chip{background:#333;color:#ccc;border:none;padding:6px 12px;border-radius:15px;font-size:12px;cursor:pointer;white-space:nowrap;transition:.2s}.category-chip:hover{background:#444}.category-chip.active{background:#fff;color:#000;font-weight:500}.vb-image-btn:hover{opacity:.8}.vb-image-btn:active{transform:scale(.98)}.meeting-container{display:flex;flex-direction:column;height:100vh;background-color:#0f0e0e;background-image:radial-gradient(at 0% 0%,#252424 0px,transparent 50%),radial-gradient(at 100% 100%,#252424 0px,transparent 50%),radial-gradient(at 50% 50%,#1a1a1a 0px,transparent 50%);color:#fff;overflow:hidden}.controls-bar{display:flex;justify-content:center;gap:12px;padding:16px;background:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);z-index:100}:root{--bg-color: #000000;--text-primary: #F5F5F7;--text-secondary: #86868B;--apple-blue: #007AFF;--card-bg: #1C1C1E}.legal-container{min-height:100vh;width:100vw;background-color:var(--bg-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;box-sizing:border-box;overflow-x:hidden}.legal-content{max-width:800px;width:100%;margin:0 auto}.legal-header{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.legal-title{font-size:2.2rem;font-weight:700;margin:0}.back-link{color:var(--apple-blue);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px;font-size:.95rem;transition:opacity .2s}.back-link:hover{opacity:.8}h2{font-size:1.5rem;font-weight:600;margin-top:35px;margin-bottom:15px;color:var(--text-primary)}p{font-size:1.05rem;line-height:1.6;color:#d1d1d1;margin-bottom:20px}ul{margin-bottom:20px;padding-left:20px;color:#d1d1d1}li{margin-bottom:10px;line-height:1.6}.highlight-box{background-color:var(--card-bg);padding:24px;border-radius:16px;margin:25px 0;border:1px solid #333}.highlight-box p{margin-bottom:0;color:var(--text-primary)}.update-date{color:var(--text-secondary);font-size:.85rem;margin-top:60px;border-top:1px solid #333;padding-top:20px}@media(max-width:600px){.legal-title{font-size:1.8rem}.legal-header{align-items:flex-start;flex-direction:column}}.prejoin-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;color:#fff}.prejoin-card{background-color:#202124;padding:40px;border-radius:24px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;box-shadow:0 10px 30px #00000080}.prejoin-card h1{margin:0 0 8px;font-size:1.8rem;text-align:center;background:none;-webkit-text-fill-color:white;color:#fff}.meeting-code-display{color:#9aa0a6;margin-bottom:24px;font-size:.9rem;letter-spacing:.5px}.preview-wrapper{position:relative;width:100%;background-color:#202124;border-radius:16px;overflow:hidden;margin-bottom:20px;aspect-ratio:16/9}.preview-video{width:100%;height:100%;transform:scaleX(-1);object-fit:cover;display:block}.preview-video.hidden{display:none}.camera-off-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9aa0a6;gap:15px}.avatar-placeholder{width:80px;height:80px;background-color:#007aff;color:#fff;font-size:2.5rem;font-weight:700;border-radius:50%;display:flex;justify-content:center;align-items:center}.preview-name-tag{position:absolute;bottom:15px;left:15px;background-color:#0009;padding:4px 10px;border-radius:4px;font-size:.85rem}.audio-meter-container{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:24px}.meter-track{flex:1;height:6px;background-color:#3c4043;border-radius:3px;overflow:hidden}.meter-fill{height:100%;background-color:#3b82f6;transition:width .1s ease-out}.prejoin-controls{display:flex;gap:20px;margin-bottom:30px}.toggle-btn{width:52px;height:52px;border-radius:50%;border:1px solid #5f6368;background-color:transparent;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.toggle-btn:hover{background-color:#ffffff1a;transform:scale(1.05)}.toggle-btn.off{background-color:#ea4335;border-color:#ea4335;box-shadow:0 4px 12px #ea43354d}.join-now-btn{background-color:#007aff;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s}.join-now-btn:hover{background-color:#0062cc;transform:translateY(-2px)}@media(max-width:768px){.toggle-btn{width:50px;height:50px}.toggle-btn svg{width:24px;height:24px}.preview-wrapper{aspect-ratio:3/4;max-height:50vh}.prejoin-card{padding:24px;width:90%}.preview-video{width:100%;height:100%;object-fit:cover}}.prejoin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#0f0e0e;background-image:radial-gradient(at 0% 0%,#252424 0px,transparent 50%),radial-gradient(at 100% 100%,#252424 0px,transparent 50%),radial-gradient(at 50% 50%,#1a1a1a 0px,transparent 50%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.prejoin-card{background:#1e293b1a;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:24px;width:100%;max-width:480px;text-align:center;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:10}