:root{color:#20243a;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#20243a;--muted:#777d91;--purple:#6959d9;--purple-dark:#5545c8;--lavender:#efedff;--line:#e8e9f1;--surface:#fff;--danger:#dc5364;--green:#2f9d79;background:#f6f7fb;font-family:Tahoma,Noto Sans Arabic,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 12% 9%,#e9e6ff9e,#0000 30rem),#f6f7fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #6959d959}.app-shell{flex-direction:column;width:min(1120px,100%);min-height:100vh;margin-inline:auto;padding:0 42px;display:flex}.topbar{justify-content:space-between;align-items:center;height:88px;display:flex}.brand,.logout-link,.back-link{cursor:pointer;background:0 0;border:0}.brand{letter-spacing:-.035em;direction:ltr;align-items:center;gap:11px;padding:0;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark,.panel-icon{color:#fff;background:linear-gradient(145deg,#8273ed,#5d4dd0);border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 18px #6959d938}.brand-mark{width:38px;height:38px;font-size:1.2rem}.logout-link{color:#5f6478;border-radius:10px;padding:10px 12px;font-size:.9rem}.logout-link:hover,.back-link:hover{color:var(--purple);background:#efedff}.logout-link:disabled,.button:disabled,.back-link:disabled{cursor:wait;opacity:.65}.account-actions{align-items:center;gap:12px;display:flex}.account-email{max-width:min(42vw,260px);color:var(--muted);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}main{flex:1;place-items:center;padding-block:34px 46px;display:grid}.welcome-panel{background:#ffffffe8;border:1px solid #e8e9f1d9;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;width:100%;min-height:510px;display:grid;overflow:hidden;box-shadow:0 24px 70px #2e305612}.welcome-copy{padding:56px 10px 56px 32px}.eyebrow{color:var(--purple);font-size:.82rem;font-weight:700;display:inline-block}.welcome-copy h1,.form-panel h1,.call-heading h1{color:var(--ink);margin:12px 0 0;font-size:clamp(1.75rem,3.2vw,2.45rem);font-weight:800;line-height:1.5}.welcome-copy h1 span{color:var(--purple);direction:ltr;display:inline-block}.welcome-copy>p,.panel-description{max-width:430px;color:var(--muted);margin:14px 0 0;font-size:.98rem;line-height:2}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;font-weight:700;transition:background-color .14s,transform .14s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{color:#fff;background:var(--purple);box-shadow:0 8px 18px #6959d933}.button-primary:hover{background:var(--purple-dark)}.button-secondary{color:var(--purple-dark);background:var(--lavender)}.button-secondary:hover{background:#e4e0ff}.welcome-button{min-width:170px;margin-top:27px}.welcome-button span{font-size:1.2rem}.privacy-note{color:#85899a;align-items:center;gap:8px;margin-top:24px;font-size:.79rem;display:flex}.privacy-note span{color:var(--green);font-size:1rem}.welcome-art{background:radial-gradient(circle at 54% 46%,#fff 0 18%,#0000 18.5%),linear-gradient(145deg,#f3f1ff 0%,#e8e5ff 53%,#f8f2ff 100%);border-radius:24px;place-items:center;min-height:440px;margin:34px 26px 34px 8px;display:grid;position:relative;overflow:hidden}.art-orbit{border:1px solid #6959d91f;border-radius:50%;position:absolute}.orbit-one{width:330px;height:330px}.orbit-two{width:250px;height:250px}.family-illustration{background:linear-gradient(145deg,#d4ceff,#b9b1f5);border-radius:48% 48% 36% 36%;width:228px;height:216px;position:relative;box-shadow:0 22px 45px #6050c02b}.person{background:#f1bd9e;border-radius:38px 38px 17px 17px;width:67px;height:112px;display:block;position:absolute;bottom:12px}.person:before{content:"";background:#f6c9ad;border-radius:50%;width:43px;height:43px;position:absolute;top:-40px;left:12px}.person-one{background:#798bd5;height:91px;left:20px}.person-two{z-index:1;background:#e993a2;width:72px;height:121px;bottom:21px;left:81px}.person-two:before{background:#f8d2b8;width:45px;height:45px;left:14px}.person-three{background:#5fbdad;height:95px;right:15px}.illustration-heart{z-index:2;color:#ec8296;font-size:2.3rem;position:absolute;top:4px;right:-17px}.art-sparkle{color:#a293eb;position:absolute}.sparkle-one{font-size:1.4rem;top:76px;left:68px}.sparkle-two{font-size:1.8rem;bottom:87px;right:57px}.page-footer{color:#8a8e9f;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:.78rem;display:flex}.footer-dot,.status-dot{background:#e7a34f;border-radius:50%;width:8px;height:8px;display:inline-block}.form-panel{border:1px solid var(--line);background:var(--surface);border-radius:25px;width:min(100%,520px);padding:35px 42px 38px;box-shadow:0 22px 60px #2e305612}.auth-loading{text-align:center}.auth-loading .panel-icon{margin-inline:auto}.auth-notice{width:min(100%,520px);color:var(--muted);text-align:center;margin:-20px auto 24px;font-size:.83rem;line-height:1.8}.back-link{color:#73788b;border-radius:9px;margin:-5px 0 25px auto;padding:7px 10px;font-size:.85rem;display:block}.back-link span{margin-left:5px}.panel-icon{border-radius:17px;width:52px;height:52px;margin-bottom:19px;font-size:1.7rem}.form-panel h1{margin-top:4px;font-size:1.65rem}.room-management{width:min(100%,650px)}.managed-rooms{gap:14px;margin-top:24px;display:grid}.managed-room{border:1px solid var(--line);background:#fcfcff;border-radius:15px;min-width:0;padding:16px}.managed-room h2{margin:0;font-size:1rem}.managed-room>p{color:var(--muted);margin:8px 0 5px;font-size:.78rem}.managed-room>code{overflow-wrap:anywhere;color:var(--purple-dark);-webkit-user-select:all;user-select:all;font-size:.82rem;display:block}.member-form{flex-direction:column;margin-top:17px;display:flex}.member-form label{color:#43485c;margin-bottom:8px;font-size:.84rem;font-weight:700}.member-form input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #dedfeb;border-radius:12px;padding:0 13px}.invitation-form{border-top:1px solid var(--line);padding-top:20px}.invitation-result{gap:5px;min-width:0;display:grid}.invitation-link{overflow-wrap:anywhere;color:var(--purple-dark);-webkit-user-select:all;user-select:all;font-size:.78rem;line-height:1.8;display:block}.panel-description{margin-top:5px;font-size:.91rem}.form-stack{flex-direction:column;margin-top:25px;display:flex}.form-stack label{color:#43485c;margin-bottom:9px;font-size:.88rem;font-weight:700}.form-stack input{width:100%;height:54px;color:var(--ink);background:#fff;border:1px solid #dedfeb;border-radius:13px;padding:0 15px;font-size:.95rem}.form-stack input::placeholder{color:#a4a8b7}.form-stack input[aria-invalid=true]{border-color:var(--danger)}.field-help,.form-message{color:#8a8e9f;margin:8px 0 0;font-size:.78rem;line-height:1.8}.error-message{color:#c64052}.success-message{color:#268664}.full-button{width:100%;margin-top:22px}.notice-box{color:#6f6a99;background:#f6f4ff;border-radius:12px;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 14px;font-size:.77rem;line-height:1.9;display:flex}.notice-box>span{color:var(--purple);flex:none;font-size:1rem}.security-notice{color:#587d72;background:#eff8f5}.security-notice>span{color:var(--green)}.call-panel{border:1px solid var(--line);background:var(--surface);border-radius:24px;width:min(100%,850px);padding:27px;box-shadow:0 22px 60px #2e305612}.call-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.call-heading h1{margin-top:2px;font-size:1.5rem}.status-pill{border-radius:30px;flex:none;align-items:center;gap:7px;padding:8px 12px;font-size:.78rem;display:inline-flex}.status-offline{color:#a56d29;background:#fff5e8}.status-offline .status-dot{background:#e5a046}.status-connected{color:#27765f;background:#eaf7f1}.status-connected .status-dot{background:#39a77f}.status-connecting,.status-reconnecting{color:#775f25;background:#fff6df}.status-connecting .status-dot,.status-reconnecting .status-dot{background:#e5a046}.status-disconnected{color:#a43d50;background:#fff0f2}.status-disconnected .status-dot{background:#d65b6c}.call-stage{color:#fff;background:radial-gradient(at 50% 40%,#7e6fe221,#0000 44%),#292b42;border-radius:19px;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:center;gap:12px;width:100%;min-height:310px;padding:14px;display:grid}.media-tile{background:#171827;border:1px solid #ffffff2e;border-radius:14px;min-width:0;min-height:190px;margin:0;position:relative;overflow:hidden}.media-tile video{object-fit:cover;width:100%;height:100%;min-height:190px;display:block}.media-tile figcaption{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0f101db8;border-radius:8px;max-width:calc(100% - 18px);padding:4px 8px;font-size:.72rem;position:absolute;bottom:8px;right:9px;overflow:hidden}.media-tile audio{display:none}.call-placeholder{text-align:center;padding:30px 20px}.avatar-placeholder{color:#fff;background:#7770c9;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 15px;font-size:2rem;display:grid}.call-placeholder h2{margin:0;font-size:1.15rem}.call-placeholder p{color:#c2c3d0;margin:7px 0 0;font-size:.86rem}.prototype-label{color:#e7e5ff;background:#1d1e30ad;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:.72rem;display:flex;position:absolute;bottom:14px;right:15px}.prototype-label span{color:#c3bfdc}.connection-card{background:#fffaf2;border:1px solid #f1e4ce;border-radius:13px;align-items:flex-start;gap:12px;margin-top:16px;padding:13px 15px;display:flex}.connection-indicator{color:#a56d29;background:#ffedce;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.connection-card strong{color:#6f522b;font-size:.83rem}.connection-card p{color:#8a765a;margin:3px 0 0;font-size:.77rem;line-height:1.7}.call-controls{justify-content:center;align-items:center;gap:17px;margin-top:21px;display:flex}.control-button{color:#666b7d;background:#f7f7fa;border:1px solid #e8e9f1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:94px;min-height:75px;font-size:.76rem;display:flex}.control-button>span{font-size:1.15rem}.control-button small{color:#a0a3b0;font-size:.66rem}.control-button:disabled{cursor:not-allowed;opacity:.7}.button-danger{color:#fff;background:var(--danger);min-height:52px}.button-danger:hover{background:#c84153}.button-danger span{font-size:1.2rem}.prototype-disclaimer{color:#8a8e9f;text-align:center;margin:15px 0 0;font-size:.75rem}@media (width<=720px){.app-shell{padding-inline:20px}.topbar{height:72px}.account-actions{gap:2px}.account-email{max-width:39vw;font-size:.72rem}main{padding-block:20px 30px}.welcome-panel{border-radius:23px;grid-template-columns:1fr}.welcome-art{border-radius:18px;order:0;min-height:240px;margin:17px 17px 0}.family-illustration{transform:scale(.76)}.orbit-one{width:250px;height:250px}.orbit-two{width:190px;height:190px}.welcome-copy{order:1;padding:25px 24px 28px}.welcome-copy h1{font-size:1.8rem}.welcome-copy>p{font-size:.9rem}.welcome-button{width:100%;margin-top:22px}.privacy-note{justify-content:center;margin-top:19px;font-size:.72rem}.form-panel{border-radius:21px;padding:28px 24px}.auth-notice{margin-top:-12px;padding-inline:8px}.call-panel{border-radius:20px;padding:18px}.call-stage{min-height:275px}}@media (width<=390px){.app-shell{padding-inline:14px}.welcome-art{min-height:215px}.welcome-copy{padding-inline:18px}.call-heading{flex-direction:column;align-items:flex-start}.call-controls{gap:9px}.control-button{min-width:75px}.button-danger{padding-inline:14px}.prototype-label{gap:5px;font-size:.65rem;bottom:9px;right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}