@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap");:root{color-scheme:dark;--bg:#07131e;--bg2:#0c1d2d;--card:#12283a;--line:#284657;--teal:#53edd7;--text:#f4fafb;--muted:#9ab1c5;--purple:#b6a3f3;--orange:#ffb585}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 1000px 480px at 66% -13%,#1b4253 0,transparent 80%),var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal)}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.047em}h1{font-size:clamp(2.3rem,4.4vw,5.2rem);line-height:1.09}h2{font-size:clamp(1.8rem,2.3vw,2.65rem)}p{line-height:1.7}.eyebrow{font-size:.73rem;letter-spacing:.19em;color:var(--teal);font-weight:850}.brand{font-family:Outfit,system-ui,sans-serif;font-size:1.55rem;letter-spacing:-.06em;font-weight:800;display:inline-flex;gap:9px;align-items:center}.brand>span:last-child{color:var(--teal)}.brand-mark{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#66e9d7,#409abd);color:#092833;font-weight:900;font-size:1.5rem;box-shadow:0 5px 22px #59e0c329}.brand-mark span{position:absolute;font-size:.46rem;color:#fff;right:5px;top:4px}.button{border-radius:12px;border:1px solid #41657a;display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:13px 20px;font-weight:800;font-size:.89rem;min-height:46px;transition:.18s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:linear-gradient(115deg,#66f6dc,#49c9e2);border-color:#85f9ec;color:#08232c;box-shadow:0 8px 23px #34ebd21d}.button.secondary{background:#1c3545;color:#ecfbfd}.button.small{min-height:36px;padding:8px 14px;font-size:.79rem}.button.full{width:100%;margin-top:19px}.sitebar{max-width:1280px;padding:24px 35px;margin:auto;justify-content:space-between}.sitebar,.sitebar nav{display:flex;align-items:center;gap:20px}.sitebar nav{font-size:.9rem}.sitebar nav a:not(.button){color:#b8cddd}.start-page{min-height:100vh}.start-hero{max-width:1210px;margin:45px auto 25px;padding:76px 36px 100px;position:relative;min-height:490px;overflow:hidden}.start-hero h1{margin:12px 0 22px;max-width:660px}.auth-message h1 em,.start-hero h1 em,.workspace-inner h1 em{font-style:normal;background:linear-gradient(95deg,#65f2dc,#9ba7fe);color:transparent;-webkit-background-clip:text;background-clip:text}.start-hero>p:not(.disclaimer){font-size:1.09rem;max-width:580px;color:#b7cfd9}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.disclaimer{font-size:.73rem;color:#829cad;margin-top:24px;max-width:530px}.landing-orb{position:absolute;width:430px;height:430px;border-radius:50%;right:-20px;top:32px;display:grid;place-items:center;pointer-events:none}.orb-one,.orb-two{position:absolute;border:1px solid #7bead746;border-radius:50%}.orb-one{width:420px;height:280px;transform:rotate(-34deg)}.orb-two{width:300px;height:410px;transform:rotate(20deg);border-color:#9b9efd45}.orb-center{width:210px;height:210px;display:grid;place-items:center;border-radius:48px;transform:rotate(-9deg);font:900 10rem Outfit;color:#092d35;background:radial-gradient(circle at 30% 10%,#aafaf0,#58dacb 60%,#277a94);box-shadow:0 0 90px #43dfcc55,0 40px 80px #0008}.orb-center span{position:absolute;font-size:3.2rem;color:#fff;right:37px;top:13px}.feature-strip{max-width:1150px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:25px;padding:22px 30px;border-top:1px solid #274555;border-bottom:1px solid #274555;font-size:.81rem;font-weight:700;color:#a0c8d2}.footer{max-width:1160px;padding:38px;margin:auto;color:#829dad;font-size:.79rem}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(350px,1fr) minmax(400px,1fr)}.auth-decoration{background:radial-gradient(circle at 50% 48%,#31616c90,transparent 47%),linear-gradient(140deg,#0b2a3a,#17233c 60%,#0b1c2b);border-right:1px solid #30515d;padding:36px clamp(25px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-message{max-width:520px;position:relative;min-height:400px;padding-top:60px}.auth-message h1{margin:17px 0;font-size:clamp(2.6rem,4.3vw,4.9rem)}.auth-message p{max-width:370px;color:#b9d4dc}.auth-decoration>small{color:#a7c2c8}.glow-ring{position:absolute;width:300px;height:300px;border:1px solid #5ce9d33c;border-radius:50%;right:-70px;bottom:-135px;display:grid;place-items:center;box-shadow:inset 0 0 90px #47e6d315,0 0 85px #4be7d21c;transform:rotate(25deg)}.glow-ring:before{content:"";width:215px;height:215px;border:1px solid #6bd2eb40;border-radius:50%;position:absolute;transform:rotate(40deg) scaleX(1.5)}.glow-ring span{font-size:6rem;color:#b6fff3;text-shadow:0 0 40px #59ffe1}.auth-panel{display:grid;place-items:center;padding:28px 27px}.auth-card{width:100%;max-width:480px;border:1px solid #2d4d5b;border-radius:25px;background:linear-gradient(145deg,#142d3c,#101f2e);box-shadow:0 24px 75px #0004;padding:clamp(24px,4vw,42px)}.auth-card h2{margin:12px 0 6px}.auth-card .intro{font-size:.87rem;color:#a9bdc9;margin-bottom:25px}.auth-card form{display:flex;flex-direction:column}.auth-card label,.workspace-card label{font-size:.81rem;font-weight:700;margin-bottom:8px;color:#d7eaf0}.auth-card input,.workspace-card input,.workspace-card select{border:1px solid #3b5868;background:#0b1e2b;border-radius:10px;padding:13px 14px;min-height:45px;color:#f4fcff;width:100%;margin-bottom:19px}.auth-card input::placeholder,.workspace-card input::placeholder{color:#6e8b9e}.auth-card input:focus,.workspace-card input:focus,.workspace-card select:focus{border-color:var(--teal);outline:1px solid #48ead4}.form-hint{font-size:.74rem;color:#819cad;margin:-8px 0 7px}.form-message{font-size:.81rem;border-radius:10px;padding:10px 13px;line-height:1.6}.form-message.error{color:#ffd0c8;background:#722c2e50;border:1px solid #9a4746}.form-message.success{color:#c1ffe7;background:#23635455;border:1px solid #368b75}.form-message a{text-decoration:underline}.auth-alt{text-align:center;font-size:.85rem;color:#aebfca;margin:24px 0 0}.auth-alt a{color:var(--teal);font-weight:800}.auth-alt.small-note{font-size:.78rem;margin:12px 0 0}.simple-shell{min-height:100vh;display:flex;align-items:center;flex-direction:column;gap:70px;padding:40px 20px}.auth-card.narrow{max-width:440px}.auth-card.narrow h1{font-size:2.4rem;margin:13px 0 8px}.workspace-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.workspace-sidebar{border-right:1px solid #254251;background:#091c29;padding:27px 18px;display:flex;flex-direction:column;min-height:100vh}.workspace-sidebar .brand{font-size:1.42rem}.sidebar-section{font-size:.64rem;color:#6f93a6;font-weight:800;letter-spacing:.16em;margin:49px 10px 13px}.workspace-nav{display:grid;grid-gap:8px;gap:8px}.workspace-nav>div{border-radius:11px;padding:13px;font-size:.83rem;font-weight:750}.workspace-nav .selected{color:#bcfff2;background:linear-gradient(90deg,#21525b,#153443);border-left:3px solid #5df6d6}.workspace-nav .unavailable{color:#7d9baf}.workspace-nav small{display:block;font-size:.65rem;color:#567c8f;padding-top:4px;margin-left:25px}.sidebar-foot{margin-top:auto;padding:30px 10px 5px;color:#68909e;font-size:.76rem}.workspace-main{min-width:0}.workspace-top{height:72px;border-bottom:1px solid #263f4f;padding:15px clamp(18px,3vw,42px);display:flex;align-items:center;justify-content:space-between;color:#96b2bd;font-size:.81rem}.workspace-top>div{display:flex;align-items:center;gap:15px}.profile-chip{background:linear-gradient(125deg,#62f2dd,#57adcb);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:900;color:#05353b;font-size:1rem}.logout{border:1px solid #345565;background:#15303e;color:#dcf6f8;border-radius:9px;padding:8px 11px;font-size:.75rem}.workspace-inner{max-width:1180px;margin:0 auto;padding:42px clamp(18px,4vw,55px)}.workspace-inner h1{font-size:clamp(2rem,3.4vw,3.4rem);margin:10px 0 2px}.workspace-subtitle{color:#b1c4d2;font-size:.98rem}.workspace-hero{display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin:26px 0 35px;min-height:215px;background:radial-gradient(circle at 80% 50%,#257e8080,transparent 36%),linear-gradient(110deg,#173f50,#172746);border:1px solid #35646b;border-radius:22px;padding:30px 36px}.workspace-hero h2{margin:12px 0 7px;font-size:2.35rem}.workspace-hero p{color:#c9e0e3;max-width:510px;font-size:.87rem;margin:0}.hero-symbol{font-size:9rem;color:#90f9ea;text-shadow:0 0 70px #5bf2d0;transform:rotate(15deg);margin-right:45px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 17px}.section-heading h2{font-size:1.5rem;margin:6px 0 0}.sample-pill{font-size:.77rem;color:#b4e8e4;background:#20434e;border:1px solid #36656d;padding:8px 13px;border-radius:999px}.workspace-columns{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);grid-gap:17px;gap:17px}.workspace-card{border:1px solid #305161;border-radius:20px;background:linear-gradient(155deg,#142e40,#101f2d);padding:25px;min-height:290px}.workspace-card h3{font-size:1.25rem;margin:0 0 6px}.workspace-card>p{font-size:.81rem;color:#96afbe;margin-bottom:23px}.workspace-card form{display:flex;flex-direction:column}.workspace-card select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.empty-state{border:1px dashed #476375;border-radius:14px;padding:27px 15px;display:grid;place-items:center;grid-gap:9px;gap:9px;color:#d9faf4;text-align:center}.empty-state>span{color:#66e4d4;font-size:2rem}.empty-state small{color:#94b0c1}.project-list{display:grid;grid-gap:9px;gap:9px}.project-row{border:1px solid #2a4c5a;background:#183646;border-radius:13px;padding:12px;display:flex;align-items:center;gap:12px}.project-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:#285365;border-radius:12px}.project-row>span:nth-child(2){display:grid;grid-gap:4px;gap:4px;min-width:0;flex:1 1}.project-row strong{overflow-wrap:anywhere;font-size:.82rem}.project-row small{color:#a2bfca;font-size:.71rem}.project-draft{border-radius:7px;background:#274e57;color:#8beadd;padding:5px;font-size:.6rem;font-weight:800}.workspace-note{font-size:.73rem;color:#809caa;margin:23px 0}@media(max-width:1000px){.landing-orb{opacity:.27;right:-130px}.auth-shell{grid-template-columns:.75fr 1fr}.auth-decoration{padding:25px}.auth-message h1{font-size:2.65rem}.glow-ring{display:none}.workspace-shell{grid-template-columns:190px minmax(0,1fr)}.workspace-columns{grid-template-columns:1fr}}@media(max-width:680px){.sitebar{padding:17px}.sitebar nav{gap:12px}.sitebar nav a:not(.button){font-size:.78rem}.brand{font-size:1.36rem}.start-hero{padding:52px 23px 70px;margin:0;min-height:430px}.start-hero h1{font-size:clamp(2.55rem,11vw,4rem)}.start-hero>p:not(.disclaimer){font-size:.94rem}.landing-orb{right:-215px;top:35px;opacity:.15}.feature-strip{gap:14px;justify-content:start;font-size:.73rem;padding:20px}.footer{padding:27px 18px}.auth-shell{grid-template-columns:1fr;min-height:100vh}.auth-decoration{min-height:75px;padding:18px 22px;border-right:0;border-bottom:1px solid #365161}.auth-decoration>small,.auth-message{display:none}.auth-panel{padding:24px 16px 50px;display:block}.auth-card{margin:0 auto;padding:26px 20px;border-radius:18px}.auth-card h2{font-size:2rem}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{min-height:auto;padding:13px 17px;border-right:0;border-bottom:1px solid #2b4654}.workspace-sidebar .sidebar-foot,.workspace-sidebar .sidebar-section,.workspace-sidebar .workspace-nav{display:none}.workspace-top{height:51px;padding:10px 17px}.workspace-inner{padding:27px 17px}.workspace-inner h1{font-size:2.1rem}.workspace-hero{min-height:182px;padding:21px;border-radius:16px;margin:19px 0 27px}.workspace-hero h2{font-size:1.75rem}.workspace-hero p{font-size:.75rem;max-width:320px}.hero-symbol{font-size:3.8rem;margin-right:0;opacity:.6}.workspace-columns{grid-template-columns:minmax(0,1fr)}.workspace-card{padding:20px}.workspace-inner h2{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;scroll-behavior:auto!important}}.workspace-studio-link{display:block;border-radius:11px;padding:13px;background:linear-gradient(90deg,#234957,#163347);border:1px solid #396777;color:#bbfff0;font-size:.83rem;font-weight:750}.workspace-studio-link:hover{border-color:#76efde;background:#235467}.workspace-studio-link small{display:block;color:#94b8c5;font-weight:550;padding:5px 0 0 26px;font-size:.66rem}.workspace-studio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#153d4a,#233156);border:1px solid #376b79;border-radius:15px;padding:18px 20px;margin-bottom:24px}.workspace-studio-cta>div{display:grid;grid-gap:5px;gap:5px}.workspace-studio-cta strong{font-size:.92rem;color:#c5fff4}.workspace-studio-cta span{font-size:.77rem;color:#b6c7d5}.workspace-studio-cta .button{font-size:.78rem;min-height:38px;padding:9px 13px}@media(max-width:680px){.workspace-studio-cta{display:grid;grid-gap:12px;gap:12px}.workspace-studio-cta .button{justify-self:start}}.brand-mark.otto-brand-mark{background:#fff;border:1px solid #e9e9e9;box-shadow:0 5px 18px #0003;overflow:hidden;border-radius:11px;flex:none}.brand-mark.otto-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.products-shell{max-width:1150px;margin:0 auto;padding:28px 24px 64px}.products-shell nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.products-shell header{padding:54px 0 28px;max-width:880px}.products-shell h1{font-size:clamp(2.4rem,5vw,4.6rem)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin:24px 0 42px}.product-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow-wrap:anywhere}.product-card h2,.product-card h3{font-size:1.35rem}.product-card>strong{font-size:1.8rem}.product-card p{font-size:.9rem;color:var(--muted)}.product-card a{color:var(--teal)}.product-note{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.85rem}.account-plans{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.shorts-upload{padding:22px;border:1px solid var(--line);border-radius:14px;display:grid;grid-gap:14px;gap:14px}.shorts-upload label{display:grid;grid-gap:6px;gap:6px}.shorts-upload input,.shorts-upload select{max-width:100%;padding:10px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px}.shorts-upload progress{width:100%;accent-color:var(--teal)}@media(max-width:720px){.product-grid{grid-template-columns:1fr}.products-shell{padding:20px 16px}.products-shell header{padding-top:32px}}.creator-hub{color:#eee9df;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.55}.creator-hub>header{display:flex;align-items:center;justify-content:space-between;background:transparent;position:static;height:auto;padding:0;border:0}.creator-hub h1{font-size:30px;margin:0}.creator-hub h3{margin:0 0 10px}.creator-hub nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.creator-hub .button,.creator-hub button{padding:10px 14px;background:#222528;color:#eee9df;border:1px solid #4e493b;border-radius:9px;cursor:pointer;margin:4px 6px 4px 0;font:inherit}.creator-hub button:hover,.creator-hub button[aria-current=page]{border-color:#d6b36a;background:#3c3323}.creator-hub button:disabled{opacity:.5}.creator-hub input,.creator-hub select,.creator-hub textarea{font:inherit;display:block;width:100%;background:#111416;color:#eee9df;border:1px solid #454748;border-radius:8px;padding:9px;margin:5px 0 12px;box-sizing:border-box}.creator-hub input[type=checkbox]{display:inline;width:auto}.creator-hub label{display:block}.creator-hub details,.creator-hub fieldset,.creator-hub form{padding:16px;background:#15191c;border:1px solid #34383a;border-radius:12px;margin:12px 0}.creator-hub .hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:16px;gap:16px}.hub-card{background:linear-gradient(130deg,#1c2023,#131719);border:1px solid #3c3e3d;border-radius:14px;padding:20px;margin:12px 0;overflow-wrap:anywhere}.creator-hub a{color:#e6c67e;text-decoration:underline}.hub-links{display:flex;flex-wrap:wrap;gap:12px}.hub-banner{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.hub-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%}.hub-pagination{display:flex;align-items:center;gap:16px;margin:20px 0}.hub-repeated{padding:12px;border-bottom:1px solid #4d4738}.creator-hub-dialog{width:min(1250px,95vw);height:90vh;max-width:95vw;max-height:90vh;overflow:auto;background:#0e1113;border:1px solid #746240;border-radius:16px;padding:24px}.creator-hub-dialog::-webkit-backdrop{background:#000b}.creator-hub-dialog::backdrop{background:#000b}.hub-close{position:-webkit-sticky;position:sticky;top:0;z-index:2;float:right}.welcome-mode-grid:has(.creator-hub-tile){grid-template-columns:repeat(4,minmax(0,1fr))!important}.creator-hub-tile .mode-icon{color:#e7c578}.creator-hub-web{max-width:1250px;margin:0 auto;padding:28px}.creator-hub-web>nav{display:flex;gap:20px}.creator-hub-web .hub-web-status{padding:18px;border:1px solid #665838}@media(max-width:1000px){.welcome-mode-grid:has(.creator-hub-tile){grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.creator-hub>header{display:block}.creator-hub-dialog{padding:14px}.creator-hub nav{gap:4px}.creator-hub nav button{padding:8px}.creator-hub-web{padding:16px}}.creator-hub .cloud-preview{display:block;width:100%;max-height:380px;object-fit:contain;margin:12px 0;background:#090c0e}.creator-hub progress{width:100%;accent-color:#d6b36a}.creator-hub .hub-card label{max-width:100%}.creator-hub>header>div{display:block;min-width:0}.creator-hub>header>div>p{display:block;margin:4px 0}.creator-hub>header{gap:16px}.creator-hub>header h1{display:block}.publishing-root{color:#eeeae2;font:inherit;min-width:0}.publishing-root h2,.publishing-root h3{color:#eeeae2;letter-spacing:-.02em}.publishing-root>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.publishing-root>div:first-child h2{margin:0 auto 0 0}.publishing-root>p[role=status]{color:#d8c39c;margin:10px 0;min-height:1.4em}.publishing-root .product-card,.publishing-root .publishing-workspace>details{border:1px solid #424038;border-radius:10px;background:#1c1e20;padding:16px;margin:12px 0}.publishing-root summary{cursor:pointer;color:#e0c695;font-weight:600;padding:4px 0}.publishing-root label{display:block;margin:10px 0;color:#d4d1ca}.publishing-root input:not([type=checkbox]),.publishing-root select,.publishing-root textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;margin-top:4px;border:1px solid #48463e;border-radius:6px;background:#131517;color:#f1eee7;padding:8px;font:inherit}.publishing-root textarea{min-height:76px;resize:vertical}.publishing-root fieldset{min-width:0;border:1px solid #424038;border-radius:6px;padding:8px 12px;margin:12px 0}.publishing-root fieldset label{margin:6px 0}.publishing-root .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));grid-gap:12px;gap:12px}.publishing-root .product-card{min-width:0;margin:0}.publishing-root .product-card p{overflow-wrap:anywhere;color:#bbb8b0;line-height:1.45}.publishing-root button{margin:4px 6px 4px 0}.publishing-root progress{display:block;width:100%;margin:8px 0;accent-color:#d8bd8a}.publishing-root a{color:#e0c695;text-decoration:underline;overflow-wrap:anywhere}.publishing-root details details{border-top:1px solid #3b3b35;margin-top:12px;padding-top:8px}@media(max-width:600px){.publishing-root .product-grid{grid-template-columns:minmax(0,1fr)}.publishing-root .product-card{padding:12px}.publishing-root>div:first-child h2{flex-basis:100%}}.live-media{border:1px solid #2b5b69;border-radius:19px;padding:17px;background:linear-gradient(150deg,#102d40,#0e1d2d);margin-bottom:20px;overflow:hidden}.live-media-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 3px 16px}.live-media-heading h2{font-size:1.65rem;margin:5px 0 0}.live-media-heading p{font-size:.79rem;color:#a6c0cc;margin:3px 0 0}.live-connected{border:1px solid #328f79;background:#13594f;color:#aaffdb;padding:8px 11px;border-radius:100px;font-size:.69rem;font-weight:850;white-space:nowrap}.live-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.live-tile-grid[data-seat-count="1"]{grid-template-columns:1fr}.live-tile-grid[data-seat-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-tile{aspect-ratio:16/9;min-height:120px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 44% 15%,#214858 0,#0a182b 75%);border:1px solid #416578;border-radius:14px}.live-tile-video{display:block;width:100%;height:100%;object-fit:cover;background:#081521}.local-tile-video{transform:scaleX(-1)}.live-tile-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:#8eadc3;font-size:.7rem}.live-tile-placeholder>div{display:grid;place-items:center;border-radius:50%;width:68px;height:68px;background:linear-gradient(120deg,#2d6177,#33436c);font-size:2.1rem;font-weight:900;color:#c4fbed}.live-tile-tag{position:absolute;bottom:10px;left:10px;right:10px;border-radius:8px;display:flex;gap:8px;align-items:center;background:#051826cc;padding:8px 9px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.72rem;font-weight:700}.live-tile-tag span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-tile-tag small{margin-left:auto;white-space:nowrap;color:#8ee7db;font-size:.6rem}.live-tile-dot{color:#5af0d4}.live-tile-empty{border-style:dashed;border-color:#315366;display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center}.live-tile-empty>span{font-size:2.7rem;color:#487e8a}.live-tile-empty small{font-size:.74rem;color:#89afbd}.live-media-controls{display:flex;gap:9px;flex-wrap:wrap;margin:16px 3px 2px}.live-media-controls button{border-radius:11px;background:#1b4153;border:1px solid #497185;color:#e3fafa;padding:10px 13px;font-size:.78rem;font-weight:700}.live-media-controls button:hover:not(:disabled){border-color:#71f0df}.live-media-controls button:disabled{opacity:.5;cursor:not-allowed}.live-media-controls button.leave-btn{background:#63303d;border-color:#ac5763;color:#ffe9eb}.live-host-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:10px 0}.live-host-tools .workspace-card{min-height:250px}.live-host-tools .workspace-card>p{color:#9cb7c4;font-size:.78rem;line-height:1.6}.live-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.live-section-heading h2{font-size:1.3rem;margin:5px 0 0}.live-section-heading .button{font-size:.72rem;min-height:38px;padding:8px 12px}.live-invite-link{margin:15px 0;border:1px solid #3e7b76;background:#123f3e78;padding:11px;border-radius:11px}.live-invite-link label{display:block;color:#8df1e4;margin-bottom:8px;font-size:.69rem;font-weight:850}.live-invite-link>div{display:flex;gap:7px;align-items:stretch}.live-invite-link input{min-width:0;flex:1 1;background:#071d2a;border-radius:8px;border:1px solid #3a6171;color:#d9f6fb;padding:9px;font-size:.71rem}.live-invite-link button,.live-row-actions button{background:#224f61;border:1px solid #5f9a9c;border-radius:8px;padding:9px 12px;color:#dbfff8;font-size:.73rem;font-weight:800}.live-invite-link button:hover,.live-row-actions button:hover{background:#236c68}.live-list{display:grid;grid-gap:8px;gap:8px;max-height:330px;overflow-y:auto}.live-list-row{border:1px solid #325363;background:#172f3d;border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:9px}.live-list-row>div:first-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.live-list-row strong{font-size:.83rem;overflow-wrap:anywhere}.live-list-row small{font-size:.72rem;color:#9cb8c7}.live-list-row>span{font-size:.59rem;letter-spacing:.07em;color:#72e9d5;font-weight:900}.live-row-actions{display:flex;flex-wrap:wrap;gap:7px}.live-row-actions button{font-size:.69rem;padding:8px 9px}.live-row-actions button:nth-child(2){background:#5b3646;border-color:#92586b}.live-waiting-empty{padding:24px;text-align:center;border:1px dashed #456675;border-radius:12px;color:#a2b7c6;font-size:.8rem}.live-privacy-note{margin:19px 0 0!important;color:#dcb98c!important}.live-offline{margin:13px 0 17px}.guest-shell{min-height:100vh;background:radial-gradient(ellipse 800px 510px at 65% -16%,#274f6799,transparent 76%),#0a1824}.guest-content{max-width:1050px;margin:0 auto;padding:55px 25px 90px}.guest-intro{text-align:center;max-width:700px;margin:0 auto 28px}.guest-intro h1{font-size:clamp(2.3rem,5vw,4.1rem);margin:13px 0 11px}.guest-intro h1 em{font-style:normal;color:#6cedda}.guest-intro p{color:#b6c9d5;font-size:.94rem}.guest-card{max-width:495px;margin:0 auto;border:1px solid #386072;background:linear-gradient(135deg,#163746,#151e34);border-radius:22px;padding:33px;box-shadow:0 24px 55px #0005;text-align:center}.guest-card h2{font-size:1.9rem;margin:9px 0 11px}.guest-card p{color:#b6c9d2;font-size:.88rem}.guest-card form{display:grid;text-align:left;grid-gap:9px;gap:9px;margin:21px 0 13px}.guest-card form label{font-size:.79rem;color:#deeeee;font-weight:850}.guest-card input{padding:13px 14px;border-radius:10px;border:1px solid #456a7e;background:#102533;color:#f7ffff}.guest-card>small{font-size:.75rem;color:#88a6b4}.guest-illustration{display:inline-grid;place-items:center;width:73px;height:73px;border-radius:22px;background:linear-gradient(140deg,#25686d,#183a65);border:1px solid #4cbcae;box-shadow:0 6px 24px #45d4bf32;font-size:2.2rem;color:#a4ffe9}.guest-waiting-card .guest-illustration{font-size:2.5rem}.guest-small-note{font-size:.73rem!important;color:#8eabb8!important;margin:16px 0 0!important}.waiting-animation{display:flex;gap:9px;justify-content:center;margin:22px}.waiting-animation i{width:11px;height:11px;border-radius:50%;background:#6ce9da;opacity:.5;animation:waitdot 1.3s ease-in-out infinite alternate}.waiting-animation i:nth-child(2){animation-delay:.25s}.waiting-animation i:nth-child(3){animation-delay:.5s}@keyframes waitdot{to{transform:translateY(-6px);opacity:1}}.guest-live{max-width:1240px;margin:0 auto}@media(max-width:890px){.live-host-tools{grid-template-columns:1fr}.live-media-heading{align-items:start}.live-tile{min-height:100px}}@media(max-width:620px){.live-media{padding:10px;border-radius:13px}.live-media-heading h2{font-size:1.25rem}.live-media-heading p{font-size:.71rem}.live-connected{font-size:.56rem;padding:6px}.live-tile-grid{gap:5px}.live-tile{border-radius:9px;min-height:90px}.live-tile-tag{bottom:5px;left:5px;right:5px;padding:5px;font-size:.6rem}.live-tile-tag small{font-size:.49rem}.live-tile-placeholder>div{width:38px;height:38px;font-size:1.2rem}.live-media-controls{gap:6px}.live-media-controls button{font-size:.65rem;padding:9px}.live-host-tools .workspace-card{padding:17px}.live-section-heading h2{font-size:1.1rem}.live-section-heading .button{font-size:.62rem;padding:7px}.live-list-row{display:grid}.live-row-actions{justify-content:flex-start}.guest-content{padding:32px 15px 70px}.guest-card{padding:25px 18px}.guest-intro h1{font-size:2.45rem}.guest-intro p{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.waiting-animation i{animation:none}}.combined-recording{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px;border-radius:13px;background:linear-gradient(105deg,#193d46,#242f4e);border:1px solid #3a727b;margin-top:15px}.combined-recording>div:first-child{min-width:200px;flex:1 1}.combined-recording strong{display:block;margin-top:6px;font-size:1rem;color:#d8fff2}.combined-recording p{font-size:.71rem;line-height:1.55;color:#aecdd8;margin:5px 0 0}.combined-recording-buttons{display:flex;gap:9px;flex-wrap:wrap}.combined-recording-buttons .button{font-size:.74rem;min-height:37px;padding:8px 11px}.combined-recording>.form-message{width:100%;margin:0}.combined-recording .combined-rec-warning{width:100%;margin:0;color:#f2d3a3;font-size:.67rem}.control-retry{border-radius:9px;background:#23556a;border:1px solid #65949e;padding:7px 9px;color:#e8fff8;font-size:.73rem;margin-left:8px}.guest-equipment{display:grid;grid-gap:12px;gap:12px;text-align:left;margin-bottom:20px}.guest-equipment h3,.guest-equipment p{margin:0}.guest-call>label,.guest-equipment>label{display:grid;grid-gap:6px;gap:6px;font-size:.85rem}.guest-equipment>label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.guest-call select,.guest-equipment select{width:100%;min-width:0;padding:10px 12px;border:1px solid #456a7e;border-radius:9px;background:#102533;color:#f7ffff}.guest-equipment input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;margin:0;padding:0}.guest-call video,.guest-equipment video{display:block;border-radius:10px;max-width:100%}.guest-equipment meter{accent-color:var(--teal);height:14px}.guest-call{max-width:900px;text-align:left}.guest-call>label{margin:12px 0}.guest-call .controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.guest-call .controls button{padding:10px 14px;border:1px solid #456a7e;border-radius:9px;background:#1c3545;color:#ecfbfd;min-height:40px}.guest-originals{max-width:900px;text-align:left;margin:0 auto 20px}.guest-originals button{margin:6px 6px 6px 0;white-space:normal}.guest-originals select{width:100%;min-width:0;padding:10px;background:#102533;color:#fff;border:1px solid #456a7e;border-radius:8px}.guest-originals h3{margin:0 0 12px}