@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#594650;background:#fffaf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,sans-serif}h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.09;letter-spacing:-.045em;color:#754451}h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.18;color:#714854;letter-spacing:-.035em}h3{color:#73505b;font-size:1.28rem}h1 em,h2 em{font-family:Playfair Display,serif;font-weight:600;color:#ce7391}p{line-height:1.75;color:#75656a}.ribbon{text-align:center;background:#f5d7df;color:#855b67;font-size:.76rem;padding:9px;font-weight:700;letter-spacing:.04em}header{height:100px;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 30px;gap:20px}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;color:#9b6576;min-width:0}.brand img{height:70px;width:70px;border-radius:50%;object-fit:contain}.brand strong{display:block;font-family:Nunito,sans-serif;font-weight:900;font-size:1.34rem;color:#54877d;white-space:nowrap}.brand em{color:#d88b9c}.brand small{display:block;font-size:.6rem;letter-spacing:.2em;color:#be8491;font-weight:900}nav{display:flex;align-items:center;gap:4px}nav button,.mobilemenu button{border:0;background:transparent;color:#79626a;font-weight:700;font-size:.82rem;padding:12px 11px;border-radius:20px;white-space:nowrap}nav button:hover,nav button.active{background:#fbe2e8;color:#b85e7c}.hamb{display:none;border:0;background:#f9e1e6;color:#9c6573;padding:10px;border-radius:12px}.mobilemenu{display:none}.hero{max-width:1290px;margin:18px auto 0;min-height:550px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding:36px 45px 55px;background:linear-gradient(120deg,#fff5ec,#ffedf0 80%);border-radius:42px;overflow:hidden;position:relative}.hero:after{content:"✿  ✿  ✿";position:absolute;bottom:18px;left:50%;color:#e6afba;letter-spacing:38px;opacity:.55}.eyebrow{font-size:.77rem;letter-spacing:.13em;color:#659b90;font-weight:900}.hero h1{margin:20px 0}.hero h1 span{font-size:2.8rem;color:#e58da7}.heroCopy>p{max-width:540px;font-size:1.08rem}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:26px 0}.btn{border:2px solid #ce7995;background:#d77e9a;color:#fff;border-radius:40px;padding:14px 22px;font-weight:800;display:inline-flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 5px #e9c3ce;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#c96b8a}.btn.outline{background:#fffaf8;color:#bf6c88;box-shadow:none}.mini{display:flex;gap:12px;flex-wrap:wrap;font-size:.73rem;color:#65988d;font-weight:800}.heroArt{position:relative;display:flex;justify-content:center;align-items:center}.heroArt img{width:min(100%,475px);border-radius:50%;border:9px solid white;box-shadow:0 20px 65px #b87d8a38;position:relative;z-index:1}.halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#d9eee5;transform:translate(20px,10px)}.floatflower{position:absolute;z-index:2;font-size:4rem;color:#e58faa}.f1{bottom:-20px;left:0}.f2{top:0;right:0}.wave{text-align:center;letter-spacing:35px;color:#e6afba;margin:26px 0 0;white-space:nowrap;overflow:hidden}.section{max-width:1180px;margin:0 auto;padding:76px 28px}.centered{text-align:center}.lead{max-width:640px;margin:0 auto 35px}.cards{display:grid;gap:22px;margin:36px 0}.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:2px solid #f5dfe3;border-radius:28px;padding:32px 25px;box-shadow:0 9px 22px #ba8d9720;text-align:center}.card:nth-child(3n+2){background:#f0f8f4;border-color:#dcece5}.card:nth-child(3n+3){background:#fff7ed;border-color:#f4e7d6}.cardicon{display:block;font-size:2.8rem;margin-bottom:13px}.card p{font-size:.92rem;margin-bottom:0}.soft{background:#eaf5ef;border-radius:35px;margin:0 auto;max-width:1290px;padding:55px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split p{font-size:1.04rem}.roundIllustration{width:100%;max-height:490px;object-fit:cover;object-position:top;border:9px solid white;border-radius:30px;box-shadow:0 18px 40px #86a7982b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:50px 0}.steps b{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:#e5f3ed;color:#659a8e;border-radius:50%;font-size:1.4rem}.steps h3{margin-top:15px}.pagehero{text-align:center;padding:76px 20px 64px;background:radial-gradient(ellipse at top,#fce2e9 0,#fff4ef 68%);border-radius:0 0 55px 55px}.pagehero h1{margin:15px 0}.pagehero p{max-width:650px;margin:auto;font-size:1.08rem}.portrait{display:flex;justify-content:center}.portrait img{width:100%;max-width:440px;border-radius:50%;border:10px solid #f9e1e7;box-shadow:0 16px 45px #a56d7b2b}.note{background:#fce6eb;border-radius:18px;padding:18px 22px;color:#ae6680;font-weight:800;margin:25px 0}.service{display:flex;flex-direction:column;align-items:center}.service p{flex:1}.textlink{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#b96182;font-weight:800;margin-top:18px}.textlink:hover{text-decoration:underline}.banner{text-align:center;background:#eaf5ef;border-radius:35px;padding:55px 25px;margin:55px 0 0}.banner p{max-width:550px;margin:0 auto 20px}.filterbar{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.filterbar button{border:1px solid #e4bcc8;background:#fff;border-radius:25px;padding:10px 23px;color:#b26b81;font-weight:800}.filterbar button.selected{background:#d77e9a;color:#fff}.resource{position:relative}.tag{position:absolute;top:15px;right:17px;background:#f7e2e9;border-radius:20px;padding:5px 12px;font-size:.73rem;color:#a45b76}.resource .cardicon{margin-top:12px}.demoNote{font-size:.8rem;color:#98838b;text-align:center;margin-top:18px}.formwrap{max-width:820px}.formwrap form,.success{background:#fff;border:2px solid #f6dce5;border-radius:30px;padding:35px;box-shadow:0 12px 35px #ba8d9722}.formheading{display:flex;gap:16px;align-items:center;color:#d2819d;margin-bottom:20px}.formheading h2{font-size:1.7rem;margin:0}.formheading p{margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.formwrap label{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#805966;font-size:.88rem;margin-bottom:20px}.formwrap input,.formwrap select,.formwrap textarea{width:100%;border:1px solid #ead5dc;background:#fffdfb;border-radius:14px;padding:13px 14px;outline-color:#ce7995;color:#654c56}.formwrap textarea{resize:vertical}.submit{width:100%}.success{text-align:center;color:#79a797}.success h2{margin:15px}.contactsplit{align-items:start}.contactlist{display:flex;flex-direction:column;gap:18px;margin-top:25px}.contactlist a,.contactlist span{display:flex;align-items:center;gap:12px;text-decoration:none;color:#936176;font-weight:700}.contactlist svg{color:#6eaa99}.faq{background:#f8e8ec;padding:27px;border-radius:25px}.faq h3{margin-bottom:20px}.faqitem{border-top:1px solid #e8c7d0}.faqitem button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;border:0;background:none;padding:17px 0;font-weight:800;color:#805466}.faqitem p{margin:0 0 18px;font-size:.9rem}footer{background:#f6e7e5;margin-top:50px;padding:40px 25px 16px}.footInner{max-width:1180px;margin:auto;display:flex;align-items:start;gap:25px}.footInner img{width:90px;border-radius:50%}.footInner strong{font-family:Nunito;font-size:1.2rem;color:#54877d}.footInner p{margin:4px 0}.footInner small{color:#9e7982}.footnav{display:flex;flex-direction:column;gap:10px;margin-left:auto}.footnav button,.footnav a{background:none;border:0;text-align:left;text-decoration:none;color:#8b6571;font-weight:700;font-size:.85rem}.copyright{border-top:1px solid #e5cfd3;margin:35px auto 0;padding-top:15px;max-width:1180px;text-align:center;color:#9d8289;font-size:.74rem}@media(max-width:980px){header{height:85px}nav{display:none}.hamb{display:block}.mobilemenu{display:flex;flex-direction:column;padding:8px 25px 22px;background:#fff7f4;position:relative;z-index:10}.mobilemenu button{text-align:left}.hero{margin:10px 14px 0;grid-template-columns:1fr 1fr;padding:35px 30px}.hero h1{font-size:clamp(2.5rem,5vw,4rem)}.split{gap:30px}.soft{margin:0 14px}}@media(max-width:700px){header{padding:8px 16px;height:77px}.brand img{height:57px;width:57px}.brand strong{font-size:1rem}.brand small{font-size:.48rem;letter-spacing:.13em}.hero{grid-template-columns:1fr;text-align:center;padding:45px 20px 28px;border-radius:25px}.hero h1{font-size:3.3rem}.heroCopy>p{margin:auto}.actions,.mini{justify-content:center}.heroArt img{max-width:320px}.heroArt{margin-top:20px}.wave{letter-spacing:12px}.section{padding:54px 18px}.three,.steps,.split,.formgrid{grid-template-columns:1fr}.soft{padding:35px 23px}.soft .roundIllustration{max-height:280px}.pagehero{padding:57px 16px 49px}.pagehero h1{font-size:3.3rem}.formwrap form,.success{padding:22px}.footInner{display:grid;grid-template-columns:70px 1fr;gap:12px}.footInner img{width:68px}.footnav{margin:10px 0 0}.contactsplit{gap:40px}.cards{gap:15px}.card{padding:25px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.portal-teaser{max-width:1180px;margin:20px auto 45px;padding:30px 35px;border-radius:30px;background:linear-gradient(110deg,#fce5eb,#e9f5ed);display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-teaser h2{font-size:2rem;margin:10px 0}.portal-teaser p{max-width:600px;margin:0}.portal-teaser .btn{flex-shrink:0}@media(max-width:700px){.portal-teaser{margin:10px 15px 35px;padding:25px;display:block}.portal-teaser .btn{margin-top:18px}}.portal,.portal-login{font-family:DM Sans,sans-serif;color:#614d57;background:#fffaf6;min-height:100vh}.portal button,.portal-login button{font-family:inherit}.portal-login{padding:35px 18px;background:radial-gradient(circle at 20% 10%,#fbe2e9,transparent 45%),#fffaf5}.pl-back{background:none;border:0;color:#a56781;font-weight:800}.pl-login-card{max-width:520px;margin:45px auto;background:#fff;border:2px solid #f5dce4;border-radius:32px;text-align:center;padding:35px;box-shadow:0 15px 55px #b18c9b22}.pl-login-card img{width:130px;border-radius:50%}.pl-eyebrow{color:#7aa99a;font-size:.75rem;letter-spacing:.12em;font-weight:900}.pl-login-card h1{font-size:2.7rem;margin:15px 0}.pl-login-actions{display:grid;gap:12px;margin:28px 0}.pl-login-actions button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #e7c9d2;border-radius:18px;background:#fae8ed;padding:19px;color:#94536d;font-weight:800}.pl-login-actions button:nth-child(2){background:#e8f5ee;color:#497e70;border-color:#d0e8dc}.pl-login-actions button svg:last-child{margin-left:auto}.pl-disclaimer,.pl-hint{font-size:.78rem;color:#a38a94}.pl-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 26px;background:#fff;border-bottom:1px solid #f2e0e5}.pl-brand{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;color:#538679;font-size:1.05rem;font-weight:900}.pl-brand img{width:53px;height:53px;border-radius:50%}.pl-brand small{display:block;color:#bd7c91;font-size:.74rem}.pl-top-right{display:flex;gap:10px;align-items:center}.pl-demo{background:#fae5e9;color:#a9687d;border-radius:20px;padding:8px 12px;font-size:.68rem;font-weight:900}.pl-exit{border:1px solid #ead8de;background:#fff;border-radius:15px;padding:10px 13px;display:flex;align-items:center;gap:6px;color:#865e6c;font-weight:700}.pl-body{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 78px)}.pl-sidebar{background:#f4e8e9;padding:30px 15px;display:flex;flex-direction:column;gap:7px}.pl-side-title{font-size:.7rem;letter-spacing:.12em;color:#ad8190;font-weight:900;padding:8px 14px 16px}.pl-sidebar button{background:transparent;border:0;text-align:left;border-radius:15px;padding:14px;display:flex;align-items:center;gap:12px;color:#805e6d;font-weight:800}.pl-sidebar button.current,.pl-sidebar button:hover{background:#fff;color:#b56883}.pl-side-note{margin-top:auto;font-size:.82rem;color:#b18292;line-height:1.7;padding:18px 10px}.pl-content{padding:28px;max-width:1500px;width:100%;margin:0 auto}.pl-welcome{background:linear-gradient(110deg,#fff0f2,#eaf5ef);border-radius:26px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pl-welcome h1{font-size:clamp(1.7rem,3vw,2.6rem);margin:8px 0;color:#88596b}.pl-welcome p{margin:0}.pl-flower{font-size:3.8rem}.pl-notice{background:#e6f3ec;color:#4b806f;padding:13px 17px;border-radius:14px;margin-bottom:15px;display:flex;justify-content:space-between;gap:12px}.pl-notice button{border:0;background:none;font-size:1.2rem;color:inherit}.pl-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:20px 0}.pm{background:#fff;border:1px solid #f0dfe3;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:7px;box-shadow:0 5px 20px #c9a2b015}.pm-icon{color:#b9718a}.pm-label{color:#91727e;font-size:.83rem;font-weight:800}.pm strong{font-size:1.75rem;color:#694e5a}.pm small{color:#9c8590}.pl-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:18px;margin:18px 0}.pl-panel{background:#fff;border:1px solid #f1dfe5;border-radius:23px;padding:23px;margin-bottom:18px;min-width:0}.pl-panel h2{font-size:1.24rem;margin:0 0 16px}.pl-panel h3{font-size:1rem;margin:18px 0 12px}.pl-panel p{font-size:.91rem}.pl-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}.pl-panel-head h2{margin:0}.pl-panel-head button{background:none;border:0;color:#b16a84;font-weight:800}.pl-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #f3e9eb;flex-wrap:wrap;font-size:.82rem}.pl-date{display:flex;align-items:center;gap:5px;color:#8f7380;min-width:125px}.pl-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.pl-main small{color:#9e8a92}.pl-pill{padding:5px 10px;border-radius:20px;font-size:.72rem;font-weight:800;white-space:nowrap}.pl-pill.done{background:#e0f2e8;color:#538a70}.pl-pill.up{background:#fce9ed;color:#b16a84}.pl-amount{font-weight:800}.pl-mini{background:#fff5f6;border:1px solid #efd8df;border-radius:12px;padding:7px;color:#a85f7c;font-size:.72rem;font-weight:800}.pl-check{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:.9rem}.pl-check input{accent-color:#c77491;width:18px;height:18px}.pl-softnote{background:#eff8f2;border-radius:14px;padding:15px;color:#5f927d;font-size:.82rem;margin-top:15px}.pl-bars{display:grid;gap:15px}.pl-barline{display:grid;grid-template-columns:140px 1fr 20px;align-items:center;gap:14px;font-size:.85rem}.pl-barline>div{height:12px;background:#f7e6eb;border-radius:20px;overflow:hidden}.pl-barline i,.pl-progress i{display:block;height:100%;background:linear-gradient(90deg,#9ac9b2,#d788a2);border-radius:20px}.pl-month{display:flex;align-items:center;gap:8px}.pl-month button{border:0;background:#f8e6ec;border-radius:10px;padding:5px;color:#a66b81}.pl-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0}.pl-cal>b{text-align:center;color:#b07e8e;font-size:.75rem}.pl-cal button{aspect-ratio:1;border:1px solid transparent;background:#fff8fa;border-radius:10px;color:#745d67}.pl-cal button.has{background:#eaf5ee;color:#47816d;font-weight:900}.pl-cal button.chosen{border:2px solid #ca7896;background:#fbe1e9}.pl-cal button:disabled{background:transparent}.pl-slots{display:flex;flex-wrap:wrap;gap:9px}.pl-slots button{border:1px solid #d3e6da;background:#eff8f2;color:#51836e;padding:9px;border-radius:12px}.pl-slots button:disabled{background:#f8e6eb;border-color:#f3e0e6;color:#a8959d}.pl-form{display:grid;gap:14px}.pl-form label,.pl-parent-switch label{display:grid;gap:6px;font-size:.82rem;font-weight:800;color:#8a6474}.pl-form input,.pl-form select,.pl-parent-switch select,.pl-add-reminder input{width:100%;padding:11px;border:1px solid #e9d6de;border-radius:12px;background:#fffdfc;color:#694f5c}.pl-primary,.pl-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#d07b99;color:#fff;border:0;border-radius:14px;padding:12px 15px;font-weight:800}.pl-secondary{background:#e7f3ec;color:#4d8773;margin-top:12px}.pl-grid-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pl-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fbe3e9;color:#b66c88;font-size:1.3rem;font-weight:900;margin-bottom:12px}.pl-progress{height:12px;background:#f7e9ed;border-radius:20px;overflow:hidden;margin:12px 0}.pl-reminder{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f2e5e9}.pl-reminder button{border:0;background:none;color:#ba7d91}.pl-add-reminder{display:flex;gap:9px;margin-top:20px}.pl-add-reminder input{flex:1}.pl-parent-switch{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:15px 0}.pl-parent-switch select{min-width:180px}.pl-parent-switch>span{font-size:.8rem;color:#a68a95}.pl-feedback{border-left:3px solid #a9cdb9;padding:9px 15px;margin:12px 0;background:#f6fbf7;border-radius:0 10px 10px 0}.pl-feedback p{margin:5px 0}.pl-payment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #f1e6e9;flex-wrap:wrap}.pl-bottom-note{font-size:.77rem;color:#a28b93;text-align:center;padding:22px 0}.portal button:focus-visible,.portal-login button:focus-visible{outline:3px solid #619c8c;outline-offset:2px}@media(max-width:1000px){.pl-body{grid-template-columns:1fr}.pl-sidebar{flex-direction:row;overflow-x:auto;padding:10px;gap:3px}.pl-sidebar button{white-space:nowrap;padding:11px}.pl-side-title,.pl-side-note{display:none}.pl-columns{grid-template-columns:1fr}.pl-content{padding:18px}}@media(max-width:600px){.pl-top{padding:10px}.pl-brand{font-size:.83rem}.pl-brand img{width:40px;height:40px}.pl-top-right{gap:5px}.pl-exit{font-size:.72rem;padding:7px}.pl-exit svg{display:none}.pl-demo{display:none}.pl-welcome{padding:19px}.pl-flower{font-size:2.4rem}.pl-panel{padding:16px}.pl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-row{gap:8px}.pl-date{min-width:110px}.pl-cal{gap:3px}.pl-barline{grid-template-columns:110px 1fr 18px;gap:8px}.pl-login-card{padding:25px 18px}}.classroom{min-height:100vh;background:#fffaf7;color:#624d57;font-family:DM Sans,sans-serif}.cl-header{background:#fff;border-bottom:1px solid #efdce3;padding:15px 22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.cl-header>button{border:0;background:#f9e7ec;border-radius:12px;padding:10px;color:#9f637a;font-weight:800}.cl-header>div{display:grid;gap:3px}.cl-header b{color:#628d7f}.cl-header small{color:#ab8191}.cl-demo{font-size:.7rem;color:#a56680;background:#fae8ee;border-radius:30px;padding:9px;font-weight:900}.cl-setup{max-width:750px;margin:65px auto;padding:20px;text-align:center}.cl-eyebrow{font-size:.77rem;color:#71a08f;font-weight:900;letter-spacing:.12em}.cl-setup h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:18px 0}.cl-setup h1 em{color:#ce7b98}.cl-setup-card{margin:30px auto;background:#fff;border:1px solid #f1dbe3;border-radius:26px;padding:26px;max-width:520px;text-align:left}.cl-setup-card label{display:grid;gap:9px;font-weight:800;color:#875c6d}.cl-setup-card select{border:1px solid #e6cbd6;padding:12px;border-radius:12px;background:#fffaf8;color:#674f5a}.cl-preview{background:#e9f4ee;border-radius:18px;min-height:185px;margin:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#679784}.cl-preview small{color:#789c8f}.cl-join{background:#d47f9b;color:#fff;padding:15px;border:0;border-radius:16px;font-weight:900;width:100%}.cl-caveat{font-size:.8rem;margin:16px 0 0}.cl-session{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#fcecf0;font-weight:800;font-size:.9rem}.cl-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9aaf9e;margin-right:6px}.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 146px)}.cl-layout.chat-hidden{grid-template-columns:1fr}.cl-stage{padding:20px;display:flex;flex-direction:column;min-width:0}.cl-videos{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,28%);gap:15px;min-height:380px;flex:1}.cl-remote,.cl-local{border-radius:20px;background:#e8f3ed;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;min-height:240px}.cl-remote{border:2px dashed #bfdacf}.cl-remote .cl-avatar{font-size:4.4rem}.cl-remote span{color:#759487;font-size:.85rem;text-align:center}.cl-remote-badge{position:absolute;top:15px;left:15px;background:#fff;border-radius:20px;padding:7px 10px;color:#a07887;font-size:.75rem;font-weight:800}.cl-local{background:#3b3842;color:#fff}.cl-local video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);position:absolute;top:0;right:0;bottom:0;left:0}.cl-off{display:flex;flex-direction:column;align-items:center;gap:10px}.cl-local-name{position:absolute;bottom:15px;left:15px;background:#28222caa;padding:8px 11px;border-radius:10px;font-size:.8rem}.cl-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:24px 8px}.cl-controls button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #e8d6dc;background:#fff;border-radius:16px;padding:12px 15px;color:#a0647c;min-width:78px;font-size:.73rem;font-weight:800}.cl-controls button.on{background:#e5f3eb;color:#4e8872}.cl-controls button.cl-hangup{background:#d96076;color:#fff;border-color:#d96076}.cl-error{background:#fff0ec;color:#a24d50;padding:12px;border-radius:12px;margin-bottom:12px}.cl-info{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#a1808f;padding:8px}.cl-chat{background:#fff;border-left:1px solid #f0dfe5;display:flex;flex-direction:column;min-height:0}.cl-chat-title{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #f3e6eb;color:#96637a}.cl-chat-title span{margin-left:auto;font-size:.7rem;color:#a98796}.cl-messages{flex:1;min-height:220px;padding:18px;overflow-y:auto;max-height:calc(100vh - 265px)}.cl-system{background:#f1f8f3;color:#648d7a;padding:14px;border-radius:15px;font-size:.82rem}.cl-message{margin:15px 0;background:#fae8ee;padding:11px 13px;border-radius:14px}.cl-message b{font-size:.78rem;color:#a2647e}.cl-message p{margin:5px 0;color:#765563;overflow-wrap:anywhere}.cl-chat-compose{display:flex;gap:8px;padding:14px;border-top:1px solid #f2e4e9}.cl-chat-compose input{flex:1;min-width:0;border:1px solid #e8d7de;border-radius:12px;padding:12px}.cl-chat-compose button{border:0;border-radius:12px;padding:12px;background:#d0809b;color:#fff}@media(max-width:950px){.cl-layout{grid-template-columns:1fr}.cl-chat{border-top:1px solid #f0dfe5}.cl-messages{max-height:250px}.cl-videos{min-height:300px}}@media(max-width:600px){.cl-header{padding:10px;gap:8px;flex-wrap:wrap}.cl-header>div{order:-1;width:100%;text-align:center}.cl-demo{font-size:.61rem}.cl-session{font-size:.8rem}.cl-stage{padding:10px}.cl-videos{grid-template-columns:1fr;min-height:0}.cl-remote{min-height:240px}.cl-local{min-height:175px}.cl-controls{gap:5px;padding:15px 0}.cl-controls button{min-width:61px;padding:10px 7px;font-size:.65rem}.cl-setup{margin:20px auto}.cl-setup-card{padding:17px}}