:root{color-scheme:light;--paper:#f7f6f2;--ink:#26332d;--muted:#778079;--green:#2e4c3f;--sage:#e4eae3;--line:#e9e8e2;--orange:#e79b6b;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e79b6b;outline-offset:3px}[hidden]{display:none!important}
.page-shell{max-width:1280px;margin:0 auto;padding:0 54px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e7e1}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:12px;background:var(--green);display:inline-flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-7deg)}.brand-mark span{display:block;width:3px;border-radius:9px;background:#f8f6ef}.brand-mark span:nth-child(1){height:10px;transform:translateY(4px)}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:12px;transform:translateY(2px)}.brand-name{font-size:22px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:#d99065}.topbar-right{display:flex;align-items:center;gap:28px}.connection-pill{display:inline-flex;align-items:center;gap:8px;color:#707a72;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#c49a67;box-shadow:0 0 0 3px #c49a6726}.status-dot.is-online{background:#58956e;box-shadow:0 0 0 3px #58956e25}.status-dot.is-offline{background:#be6861;box-shadow:0 0 0 3px #be686125}.about-link{color:#58645c;font-size:12px;font-weight:600;text-decoration:none}.about-link:hover,.footer a:hover{color:var(--green)}
.intro-row{display:block;padding:22px 0 31px}.eyebrow{margin:0 0 15px;color:#8a7665;text-transform:uppercase;letter-spacing:1.65px;font-size:9px;line-height:1.3;font-weight:700}.eyebrow-line{display:inline-block;width:19px;height:1px;background:#c48d68;vertical-align:middle;margin:0 7px 3px 0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(30px,4vw,42px);line-height:1.16;letter-spacing:-2.15px;color:#26352d}h1 span{color:#718074}.intro-copy{width:285px;max-width:34%;margin:0 2px 3px 0;color:#7a827c;font-size:13px;line-height:1.75}
.workspace{min-height:536px;display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid #e7e6df;border-radius:14px;background:#fff;box-shadow:0 10px 35px #35463a08;overflow:hidden}.side-panel{padding:27px 26px 22px;background:#fcfbf8;border-right:1px solid var(--line)}.side-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:25px}.side-number{font-size:9px;font-weight:700;color:#bd8c69;letter-spacing:.7px;padding-top:3px}.side-label{margin:0 0 5px;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;color:#90968e;font-weight:700}.side-heading h2{margin:0;font-size:16px;letter-spacing:-.45px}.mode-picker{display:grid;gap:9px}.mode-option{width:100%;min-height:64px;display:grid;grid-template-columns:39px 1fr 19px;align-items:center;gap:10px;text-align:left;padding:10px 12px;background:#fff;border:1px solid #e8e9e3;border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.mode-option:hover:not(:disabled){border-color:#b9c6ba;transform:translateY(-1px)}.mode-option.is-active{background:#f1f5f0;border-color:#9fb09f;box-shadow:inset 0 0 0 1px #dfe8df}.mode-option:disabled{cursor:default}.mode-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f0eb;color:#68786c}.is-active .mode-icon{background:#dfe9df;color:#45614e}.mode-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:12px;line-height:1.3}.mode-option small{margin-top:3px;color:#92988f;font-size:10px}.mode-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8ddd5;color:transparent;font-size:10px}.is-active .mode-check{background:var(--green);border-color:var(--green);color:white}
.interest-label{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;color:#435148;font-size:10px;font-weight:700}.interest-label span{color:#9a9f99;font-size:9px;font-weight:500}.interest-field{min-height:39px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fff;border:1px solid #e6e7e1;border-radius:7px;color:#8c978e}.interest-field:focus-within{border-color:#9fb09f;box-shadow:0 0 0 3px #2e4c3f0d}.interest-field>span:first-child{font-size:13px;color:#a1ab9f}.interest-field input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:11px;color:var(--ink)}.interest-field input::placeholder{color:#b3b8b1}.interest-hint{white-space:nowrap;color:#afb4ae;font-size:9px}.interest-help{margin:7px 0 0;color:#969c96;font-size:9px;line-height:1.55}.consent-row{position:relative;display:grid;grid-template-columns:17px 1fr;gap:9px;align-items:start;margin:20px 0 14px;color:#747d75;font-size:9px;line-height:1.55;cursor:pointer}.consent-row input{position:absolute;opacity:0;width:17px;height:17px;margin:0;cursor:pointer}.custom-check{position:relative;width:15px;height:15px;background:#fff;border:1px solid #cfd5cd;border-radius:4px;transition:background .15s,border-color .15s}.consent-row input:checked+.custom-check{background:var(--green);border-color:var(--green)}.consent-row input:checked+.custom-check:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.consent-row input:focus-visible+.custom-check{outline:3px solid #e79b6b;outline-offset:3px}.start-button{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px 0 16px;background:var(--green);border:0;border-radius:7px;color:#fff;font-weight:700;font-size:11px;cursor:pointer;transition:background .15s,transform .15s,opacity .15s}.start-button:not(:disabled):hover{background:#203b30;transform:translateY(-1px)}.start-button:disabled{cursor:not-allowed;opacity:.47}.button-arrow{font-size:17px;font-weight:400}.start-note{margin:8px 0 0;text-align:center;color:#a2a69f;font-size:9px}.side-divider{height:1px;margin:19px 0 15px;background:#ebeae5}.tip-card{display:grid;grid-template-columns:24px 1fr;gap:8px;color:#828b82}.tip-spark{display:block;color:#bf906a;font-size:14px}.tip-card strong{display:block;margin-bottom:3px;color:#59685c;font-size:10px}.tip-card p{margin:0;font-size:9px;line-height:1.55}
.chat-panel{position:relative;min-width:0;min-height:536px;display:flex;flex-direction:column;padding:0 23px 15px}.chat-topline{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0efeb}.chat-state{min-width:0;display:flex;align-items:center;gap:9px;color:#79837a;font-size:10px;font-weight:600}.chat-state-dot{width:7px;height:7px;border:1px solid #c7cfc6;border-radius:50%;background:#f4f5f2}.chat-state-dot.is-live{background:#72a281;border-color:#72a281;box-shadow:0 0 0 3px #72a2811e}.chat-state-dot.is-waiting{background:#d39b62;border-color:#d39b62;box-shadow:0 0 0 3px #d39b621e;animation:pulse 1.3s ease-in-out infinite}.chat-actions{display:flex;gap:5px}.icon-button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;color:#7c887e;background:transparent;cursor:pointer}.icon-button:hover:not(:disabled){color:var(--green);background:#f0f4ef}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.conversation-layout{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.empty-state{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 14px 34px;text-align:center}.orbit-art{position:relative;width:128px;height:116px;margin:0 auto 16px}.orbit{position:absolute;left:50%;top:50%;border:1px solid #e6e9e1;border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg)}.orbit-one{width:113px;height:73px}.orbit-two{width:73px;height:113px;transform:translate(-50%,-50%) rotate(31deg)}.orbit-three{width:90px;height:90px;border-style:dashed;border-color:#edf0ea}.orbit-center{position:absolute;left:50%;top:50%;width:43px;height:43px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50% 50% 48% 12px;background:#e9eee7;color:#67806c;font-size:19px;font-weight:700}.orbit-star{position:absolute;color:#df9b72}.star-one{right:9px;top:16px;font-size:13px}.star-two{left:8px;bottom:17px;font-size:30px;line-height:12px}.empty-kicker{margin:0 0 9px;color:#9b856e;font-size:9px;text-transform:uppercase;letter-spacing:1.15px;font-weight:700}.empty-state h2{margin:0 0 8px;color:#344238;font-size:21px;line-height:1.35;letter-spacing:-.65px;white-space:pre-line}.empty-state>p:last-child{max-width:270px;margin:0;color:#929a93;font-size:10px;line-height:1.6}.message-list{width:100%;flex:1;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:19px 7px;scrollbar-color:#d8ded6 transparent;scrollbar-width:thin}.system-message{align-self:center;padding:7px 11px;border-radius:20px;background:#f6f6f3;color:#8a938b;font-size:9px}.message{max-width:min(78%,410px);display:flex;flex-direction:column;gap:4px}.message.is-mine{align-self:flex-end;align-items:flex-end}.message.is-theirs{align-self:flex-start;align-items:flex-start}.message-bubble{max-width:100%;padding:10px 13px;border-radius:4px 12px 12px 12px;background:#f2f4f0;color:#344139;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.is-mine .message-bubble{border-radius:12px 4px 12px 12px;background:#e8efe8}.message-time{padding:0 3px;color:#adb3ad;font-size:8px}.composer{min-height:48px;display:flex;align-items:center;gap:9px;padding:4px 5px 4px 15px;border:1px solid #e9e9e4;border-radius:8px;background:#fcfcfa}.composer:focus-within{border-color:#bdcabd}.composer input{flex:1;min-width:0;padding:6px 0;outline:0;border:0;background:transparent;color:var(--ink);font-size:11px}.composer input::placeholder{color:#b2b7b1}.composer input:disabled{cursor:not-allowed}.send-button{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border:0;border-radius:6px;background:var(--green);color:#fff;cursor:pointer}.send-button:hover:not(:disabled){background:#203b30}.send-button:disabled{background:#cbd3c9;cursor:not-allowed}.send-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.chat-footnote{margin:9px 0 0;text-align:center;color:#a3a8a2;font-size:8px}.keyboard-dot{display:inline-grid;width:12px;height:12px;place-items:center;margin-right:3px;border:1px solid #d4d8d1;border-radius:3px;color:#879187;font-size:8px}.footnote-separator{margin:0 5px;color:#c8cbc5}
.media-stage{flex:1;min-height:280px;display:grid;grid-template-columns:minmax(0,1fr) 148px;grid-template-rows:minmax(210px,1fr) auto;gap:9px;padding:15px 0 9px}.video-tile{position:relative;min-height:0;overflow:hidden;border-radius:9px;background:#263a31}.video-tile video{width:100%;height:100%;display:block;object-fit:cover;background:#263a31}.remote-tile{grid-row:1;grid-column:1}.local-tile{grid-row:1;grid-column:2;background:#42554b}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 43%,#476253,#263a31 68%);color:#d4ddd4;font-size:10px}.avatar-orbit{width:58px;height:58px;display:grid;place-items:center;border:1px solid #91a39167;border-radius:50%;color:#dfe8de;font-size:20px}.avatar-orbit span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#9aac9a2b}.video-caption{position:absolute;left:10px;bottom:9px;padding:4px 8px;border:1px solid #ffffff2c;border-radius:4px;background:#101b16a8;color:#f3f4ef;font-size:8px}.video-country{position:absolute;right:10px;bottom:9px;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border:1px solid #ffffff35;border-radius:999px;background:#101b16c7;color:#f3f4ef;font-size:10px;line-height:1.2;backdrop-filter:blur(8px)}.video-country[hidden]{display:none}.video-privacy{grid-column:1/3;margin:0;color:#9ba39c;text-align:center;font-size:8px}.is-video-mode .empty-state{display:none}.is-video-mode .message-list{max-height:125px;flex:0 0 125px;border-top:1px solid #f0efeb}.is-video-mode .media-stage{display:grid}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 13px 24px;border-bottom:1px solid #e8e7e1}.principles>div{display:flex;align-items:flex-start;gap:10px}.principle-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid #dfe5dc;border-radius:7px;color:#748b76;font-size:13px}.principles p{margin:0;color:#899189;font-size:9px;line-height:1.6}.principles strong{color:#4e5c52;font-size:10px}.footer{min-height:52px;display:flex;align-items:center;gap:18px;color:#a2a69f;font-size:9px}.footer>span:nth-child(2){flex:1;text-align:center}.footer a{color:#828c82;font-weight:600;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toast{position:fixed;left:50%;bottom:27px;z-index:9;max-width:calc(100% - 32px);padding:11px 16px;transform:translate(-50%,12px);border:1px solid #52695b;border-radius:8px;background:#273a30;color:#fff;box-shadow:0 7px 20px #26332d25;opacity:0;pointer-events:none;font-size:11px;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.report-dialog{width:min(410px,calc(100% - 32px));padding:0;border:1px solid #e1e4dd;border-radius:13px;background:transparent;color:var(--ink);box-shadow:0 24px 80px #1e292340}.report-dialog::backdrop{background:#18231db8;backdrop-filter:blur(3px)}.dialog-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px;border-radius:13px;background:#fff}.dialog-close{position:absolute;top:12px;right:13px;width:28px;height:28px;border:0;border-radius:6px;background:#f3f4f0;color:#788278;font-size:19px;cursor:pointer}.dialog-symbol{width:33px;height:33px;display:grid;place-items:center;margin-bottom:15px;border-radius:10px;background:#f7ebe4;color:#bd7657;font-size:15px;font-weight:700}.dialog-card .eyebrow{margin-bottom:6px}.dialog-card h2{margin:0 0 8px;font-size:20px;letter-spacing:-.5px}.dialog-copy{margin:0 0 16px;color:#7d877f;font-size:11px;line-height:1.65}.dialog-card select{width:100%;min-height:41px;margin-bottom:11px;padding:0 10px;border:1px solid #e2e5de;border-radius:6px;background:#fff;color:#445148;font-size:11px}.report-submit,.report-cancel{width:100%;min-height:41px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.report-submit{border:0;background:#9e554b;color:#fff}.report-submit:hover{background:#87463e}.report-cancel{margin-top:7px;border:1px solid #e9eae5;background:#fff;color:#768077}
.privacy-page{max-width:760px;margin:56px auto 72px;padding:0 20px}.privacy-page h1{margin-bottom:20px;font-size:clamp(31px,5vw,42px)}.privacy-page h2{margin:32px 0 9px;font-size:17px}.privacy-page p,.privacy-page li{color:#657168;font-size:13px;line-height:1.8}.privacy-page ul{padding-left:20px}.privacy-back{display:inline-block;margin-top:24px;color:#2e4c3f;font-weight:700;text-decoration:none}
@keyframes pulse{50%{box-shadow:0 0 0 6px #d39b6200}}
@media(min-width:1320px){.page-shell{padding-right:0;padding-left:0}}@media(max-width:900px){.page-shell{padding:0 28px}.workspace{grid-template-columns:295px minmax(0,1fr)}.side-panel{padding-right:21px;padding-left:21px}.chat-panel{padding-right:17px;padding-left:17px}.intro-row{gap:22px}.intro-copy{max-width:31%}.media-stage{grid-template-columns:minmax(0,1fr) 112px}}
@media(max-width:700px){.page-shell{padding:0 18px}.topbar{height:68px}.topbar-right{gap:16px}.intro-row{display:block;padding:34px 0 23px}h1{font-size:clamp(29px,8vw,37px);letter-spacing:-1.7px}.intro-copy{width:auto;max-width:360px;margin:13px 0 0;font-size:11px}.workspace{grid-template-columns:1fr}.side-panel{padding:21px 20px 18px;border-right:0;border-bottom:1px solid var(--line)}.side-heading{margin-bottom:16px}.mode-picker{grid-template-columns:1fr 1fr;gap:8px}.mode-option{min-height:60px;grid-template-columns:31px 1fr 15px;gap:7px;padding:8px}.mode-icon{width:30px;height:30px;border-radius:8px}.mode-option strong{font-size:10px}.mode-option small{font-size:8px}.interest-label{margin-top:16px}.consent-row{margin-top:15px}.side-divider,.tip-card{display:none}.chat-panel{min-height:470px;padding:0 16px 14px}.chat-topline{height:49px;flex-basis:49px}.empty-state{padding-bottom:26px}.orbit-art{transform:scale(.9);margin-bottom:9px}.empty-state h2{font-size:19px}.principles{grid-template-columns:1fr;gap:13px;padding:19px 5px}.footer{flex-wrap:wrap;gap:8px 14px;padding:13px 0}.footer>span:nth-child(2){order:3;flex-basis:100%;text-align:left}.footer a{margin-left:auto}}
@media(max-width:430px){.page-shell{padding:0 13px}.mode-picker{grid-template-columns:1fr}.side-panel{padding-right:16px;padding-left:16px}.chat-panel{min-height:450px;padding-right:12px;padding-left:12px}.media-stage{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:minmax(200px,1fr) auto}.video-privacy{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.chat-actions{gap:6px}
.action-button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:0;border-radius:7px;font:600 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.action-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.action-button:disabled{opacity:.35;cursor:not-allowed}
.stop-button{background:#f5eeeb;color:#945e53}
.stop-button:hover:not(:disabled){background:#efe0db}
.next-button{background:#eaf0e9;color:#45614c}
.next-button:hover:not(:disabled){background:#dce8dc}
.media-stage{flex:0 1 auto;min-height:0;max-height:286px;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:minmax(150px,205px) auto auto;gap:8px;padding:12px 0 8px}
.local-tile{grid-column:2;grid-row:1}
.video-controls{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:8px}
.media-control{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #e1e7df;border-radius:7px;background:#f6f7f4;color:#4f6253;font:600 9px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.media-control:hover:not(:disabled){background:#eaf0e9}
.media-control:disabled{opacity:.4;cursor:not-allowed}
.media-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.camera-off-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:#35483e;color:#e2e8df;font-size:9px}
.camera-off-placeholder[hidden]{display:none}
@media(max-width:700px){.media-stage{grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:minmax(135px,180px) auto auto;max-height:265px}.action-button{min-height:30px;padding:0 8px}}
@media(max-width:430px){.media-stage{grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:minmax(120px,160px) auto auto;max-height:240px}.media-control{min-height:30px;gap:4px;padding:0 7px;font-size:8px}.action-button{gap:4px;padding:0 6px;font-size:9px}}

.media-stage{grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:minmax(200px,240px) auto auto;max-height:322px}
.remote-tile{grid-column:1;grid-row:1;width:min(100%,240px);height:auto;aspect-ratio:1/1;justify-self:center;align-self:center}
.local-tile{grid-column:2;grid-row:1;width:86px;height:65px;justify-self:end;align-self:start}
.install-app-button{min-height:30px;padding:0 10px;border:1px solid #dce2da;border-radius:7px;background:#fff;color:#45614c;font:600 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.install-app-button:hover{background:#f1f5f0;border-color:#a9b8a8}
@media(max-width:430px){.install-app-button{min-height:28px;padding:0 8px;font-size:9px}.topbar-right{gap:9px}}
.media-stage{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(190px,320px) auto auto;max-height:370px;overflow:visible}
.remote-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-auto-rows:minmax(110px,1fr);align-content:stretch;gap:8px;min-width:0;min-height:0;max-height:320px;overflow:auto}
.remote-tile{grid-column:auto;grid-row:auto;width:auto;height:100%;min-height:0;max-width:100%;max-height:100%;aspect-ratio:2/3;justify-self:center;align-self:center}
.remote-tile.is-landscape{width:min(100%,360px);height:auto;aspect-ratio:3/2}
.remote-tile video{object-fit:contain}
.local-tile{position:absolute;top:18px;right:8px;z-index:3;grid-column:auto;grid-row:auto;width:70px;height:98px;border:1px solid #ffffff55;box-shadow:0 4px 14px #101b1660}
.video-controls{grid-column:1;grid-row:2}
.video-privacy{grid-column:1;grid-row:3}
.remote-play-button{position:absolute;left:50%;bottom:35px;z-index:4;transform:translateX(-50%);max-width:calc(100% - 16px);min-height:32px;padding:0 10px;border:1px solid #ffffff55;border-radius:7px;background:#101b16d9;color:#fff;font-size:9px;font-weight:600;white-space:nowrap;cursor:pointer}
.remote-play-button[hidden]{display:none}
.message-sender{margin:0 4px 1px;color:#879387;font-size:8px;font-weight:700}
@media(max-width:700px){.mode-option#groupModeButton{grid-column:1/-1}.media-stage{grid-template-rows:minmax(180px,300px) auto auto;max-height:350px}.remote-grid{grid-auto-rows:minmax(100px,1fr);max-height:300px}.local-tile{top:12px;right:6px;width:58px;height:82px}}
@media(max-width:430px){.media-stage{grid-template-rows:minmax(160px,280px) auto auto;max-height:330px}.remote-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr));grid-auto-rows:minmax(90px,1fr);max-height:280px}.remote-tile.is-landscape{width:100%}.local-tile{top:10px;right:5px;width:52px;height:74px}}
.footer-feedback{padding:0;border:0;background:transparent;color:#828c82;font:inherit;font-weight:600;cursor:pointer}
.footer-feedback:hover{color:var(--green);text-decoration:underline}
.feedback-dialog{width:min(410px,calc(100% - 32px));padding:0;border:1px solid #e1e4dd;border-radius:13px;background:transparent;color:var(--ink);box-shadow:0 24px 80px #1e292340}
.feedback-dialog::backdrop{background:#18231db8;backdrop-filter:blur(3px)}
.feedback-dialog textarea{width:100%;min-height:120px;margin:0 0 11px;padding:10px;border:1px solid #e2e5de;border-radius:6px;background:#fff;color:#445148;font:11px/1.6 "Segoe UI",Arial,sans-serif;resize:vertical}
.feedback-dialog textarea:focus{outline:2px solid #9fb09f;outline-offset:1px}
.fullscreen-button{position:absolute;top:8px;right:8px;z-index:3;width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid #ffffff45;border-radius:7px;background:#101b16b8;color:#fff;cursor:pointer}
.fullscreen-button:hover:not(:disabled){background:#101b16e8}
.fullscreen-button:disabled{opacity:.4;cursor:not-allowed}
.fullscreen-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.remote-tile:fullscreen,.remote-tile:-webkit-full-screen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;background:#101613}
.remote-tile:fullscreen video,.remote-tile:-webkit-full-screen video{object-fit:contain}
.is-video-mode .message-list{max-height:145px;flex:0 0 145px}
@media(max-width:700px){.media-stage{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:minmax(180px,215px) auto auto;max-height:295px}.local-tile{width:76px;height:57px}}
@media(max-width:430px){.media-stage{grid-template-columns:minmax(0,1fr) 70px;grid-template-rows:minmax(160px,190px) auto auto;max-height:270px}.local-tile{width:64px;height:48px}.is-video-mode .message-list{max-height:118px;flex-basis:118px}}

.dedicated-launch[hidden]{display:none}
.dedicated-launch{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:0 auto 14px;padding:16px;border:1px solid #e1e6de;border-radius:12px;background:#fff}
.dedicated-launch-copy{margin:0;color:#6d786d;font-size:12px;line-height:1.55}
.dedicated-consent-row{margin:0}
.dedicated-start-button{width:100%;margin-top:0}
body.is-dedicated-window .chat-panel{max-width:980px;margin-inline:auto}
@media(max-width:700px){.dedicated-launch{max-width:none;margin:0 0 12px;padding:12px}}
.chat-home-button{display:none;min-height:30px;padding:0 10px;border:1px solid #dce2da;border-radius:7px;background:#fff;color:#45614c;font:600 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.chat-home-button:hover{background:#f1f5f0;border-color:#a9b8a8}
body.is-chat-open .page-shell{width:100%;max-width:1280px;min-height:100svh;display:flex;flex-direction:column;padding:0 28px}
body.is-chat-open .intro-row,body.is-chat-open .side-panel,body.is-chat-open .principles,body.is-chat-open .search-guides,body.is-chat-open .footer{display:none}
body.is-chat-open main{flex:1;display:flex;min-height:0}
body.is-chat-open .workspace{flex:1;min-height:calc(100svh - 82px);grid-template-columns:minmax(0,1fr);border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body.is-chat-open .chat-panel{width:min(100%,980px);height:100%;min-height:0;margin:0 auto;padding:0 24px 18px}
body.is-chat-open .conversation-layout{flex:1;min-height:0}
body.is-chat-open .media-stage{flex:0 1 auto;min-height:0;max-height:none;grid-template-rows:minmax(220px,min(56svh,660px)) auto auto}
body.is-chat-open .remote-grid{max-height:min(58svh,700px);grid-auto-rows:minmax(160px,1fr)}
body.is-chat-open .message-list{max-height:min(22svh,180px);flex-basis:min(22svh,180px)}
body.is-chat-open .chat-home-button{display:inline-flex;align-items:center;justify-content:center}
body.is-chat-open .install-app-button,body.is-chat-open .about-link{display:none}
body.is-chat-open .local-tile{width:64px;height:96px}
@media(max-width:700px){body.is-chat-open .page-shell{padding:0 10px}body.is-chat-open .topbar{height:60px;flex:0 0 60px}body.is-chat-open .workspace{min-height:calc(100svh - 60px)}body.is-chat-open .chat-panel{padding:0 6px 8px}body.is-chat-open .media-stage{grid-template-rows:minmax(180px,min(50svh,420px)) auto auto;max-height:none}body.is-chat-open .remote-grid{grid-auto-rows:minmax(130px,1fr);max-height:none}body.is-chat-open .message-list{min-height:95px;max-height:22svh;flex-basis:22svh}body.is-chat-open .chat-footnote{display:none}body.is-chat-open .local-tile{width:58px;height:87px}}
@media(display-mode:standalone){#installAppButton{display:none}}


/* Equal call tiles and compact controls, matching the side-by-side call layout. */
.gender-select{width:100%;min-height:38px;margin:0 0 10px;padding:0 10px;border:1px solid #e2e5de;border-radius:7px;background:#fff;color:#344238;font:11px "Segoe UI",Arial,sans-serif}
.gender-select:focus{outline:2px solid #9fb09f;outline-offset:1px}
.media-stage{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:10px!important;max-height:none!important;overflow:visible!important}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(220px,min(58svh,620px));gap:10px;width:100%;min-width:0;min-height:0}
.remote-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:10px;min-width:0;min-height:0;max-height:none!important;overflow:visible}
.remote-tile,.local-tile,.remote-tile.is-landscape{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;justify-self:stretch!important;align-self:stretch!important;border-radius:12px}
.remote-tile video,.local-tile video{object-fit:cover}
.video-controls{grid-column:1!important;grid-row:2!important;display:flex;flex-wrap:wrap;gap:8px}
.video-privacy{grid-column:1!important;grid-row:3!important}
body.is-group-mode .media-grid{grid-auto-rows:minmax(180px,min(42svh,460px))}
body.is-group-mode .remote-grid{display:contents}
.video-caption{left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:#101b16d9;color:#fff;font-size:11px}
body.is-dedicated-window .chat-panel{width:min(100%,1180px)}
body.is-chat-open .media-stage{grid-template-rows:auto auto auto!important}
body.is-chat-open .media-grid{grid-auto-rows:minmax(220px,min(60svh,660px))}
body.is-chat-open .local-tile{width:100%!important;height:100%!important}
@media(max-width:700px){.media-grid{grid-auto-rows:minmax(170px,45svh);gap:7px}.remote-grid{gap:7px}.remote-tile,.local-tile{border-radius:8px}body.is-chat-open .media-grid{grid-auto-rows:minmax(170px,43svh)}body.is-group-mode .media-grid{grid-auto-rows:minmax(150px,38svh)}}
@media(max-width:430px){.media-grid{grid-auto-rows:minmax(150px,40svh);gap:6px}body.is-chat-open .media-grid{grid-auto-rows:minmax(150px,40svh)}body.is-group-mode .media-grid{grid-auto-rows:minmax(130px,34svh)}.video-controls{gap:6px}}


/* Warm, lively visual treatment across the app. */
:root{--green:#087b78;--green-dark:#07585e;--ink:#1b2b31;--paper:#f3f7f5;--line:#d9e7e2;--muted:#687b7a}
body{background:radial-gradient(ellipse at 7% 8%,#d1f0e7 0,transparent 30%),radial-gradient(ellipse at 94% 9%,#f9dfd4 0,transparent 26%),linear-gradient(145deg,#f7faf8 0%,#f3f6fa 52%,#f9f3ec 100%)}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px);opacity:.7}
body:before{width:360px;height:360px;left:-170px;bottom:8vh;background:radial-gradient(circle,#bee7db 0%,#d9f0e8 45%,transparent 72%)}
body:after{width:440px;height:440px;right:-220px;top:34vh;background:radial-gradient(circle,#f3d6d2 0%,#fae8df 42%,transparent 72%)}
.page-shell{position:relative}
.topbar{border-color:#dbe7e2;background:#ffffffb8;backdrop-filter:blur(14px);box-shadow:0 8px 30px #24463b08}
.brand-mark{background:linear-gradient(145deg,#079991,#17625e);box-shadow:0 5px 14px #087b7830}
.brand-name{color:#123a3d}
.eyebrow{color:#087b78}
.intro-row{position:relative}
.intro-row:after{content:"";position:absolute;right:4%;top:-10px;width:180px;height:180px;border:1px solid #73b8a526;border-radius:50%;box-shadow:0 0 0 18px #73b8a50d,0 0 0 36px #73b8a508;pointer-events:none}
.intro-row h1{letter-spacing:-1.8px}
.intro-row h1 span{background:linear-gradient(95deg,#087b78,#348d78 52%,#d27d69);-webkit-background-clip:text;background-clip:text;color:transparent}
.workspace{border-color:#dce9e4;background:#fffffff0;box-shadow:0 24px 65px #25493c12,0 4px 12px #25493c08}
.side-panel{background:linear-gradient(160deg,#ffffff 0%,#f7fbf9 100%)}
.side-number{background:#dff1eb;color:#087b78}
.mode-picker{gap:8px}
.mode-option{border-radius:12px;transition:transform .18s,border-color .18s,box-shadow .18s}
.mode-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #1c5a4b12}
.mode-option.is-active{border-color:#64b8a1;background:linear-gradient(115deg,#f2fbf7,#e5f5ef);box-shadow:inset 0 0 0 1px #87ccb8,0 4px 12px #24756010}
.mode-icon{border-radius:11px}
.video-icon{background:#fbe9e4;color:#c76552}
.group-icon{background:#eeebfb;color:#7061b5}
.start-button{background:linear-gradient(105deg,#07817c,#126967 60%,#265b66);box-shadow:0 9px 19px #087b7833;transition:transform .18s,box-shadow .18s}
.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 24px #087b7840}
.chat-panel{background:linear-gradient(160deg,#fff 0%,#fbfdfc 65%,#f8fbfa 100%)}
.empty-state{background:radial-gradient(ellipse at 50% 42%,#f0faf6 0%,#f9fbfa 55%,#fff 100%);border-radius:20px}
.orbit-center{background:linear-gradient(145deg,#087b78,#367e75);box-shadow:0 12px 30px #087b7833}
.tip-card{border-radius:12px;background:linear-gradient(120deg,#f0f8f4,#f7f4ec)}
.principles>div{border-color:#dce8e3;background:#ffffffaa}
.footer{border-color:#dce8e3}
.gender-select{border-color:#d5e4de;background:linear-gradient(#fff,#f9fcfa)}
.gender-select:focus{outline-color:#70bca8}
.video-tile{background:linear-gradient(135deg,#dce4ea,#ccd8dd)}
.remote-tile{box-shadow:0 9px 24px #142b2524}
.local-tile{box-shadow:0 9px 24px #142b2528}
.media-control{border-color:#d6e5df;background:#fff;color:#255650;border-radius:9px;box-shadow:0 3px 10px #173d3210}
.media-control:hover:not(:disabled){border-color:#83bbaa;background:#eff8f4}
.toast{background:linear-gradient(100deg,#173f3e,#284d5b);box-shadow:0 8px 24px #12322c3b}
@media(max-width:700px){.intro-row:after{width:100px;height:100px;right:2%;top:0}.workspace{box-shadow:0 14px 36px #25493c10}}

.media-stage[hidden]{display:none!important}


.account-button{min-height:32px;padding:0 11px;border:1px solid #d8e6e0;border-radius:8px;background:#fff;color:#265b55;font:600 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.account-button:hover{border-color:#82bbaa;background:#eff8f4}
.account-username{color:#315a53;font-size:10px;font-weight:700}
.account-dialog{width:min(420px,calc(100% - 32px))}
.account-dialog-card{position:relative;display:flex;flex-direction:column;gap:9px}
.account-dialog-card h2{margin:0 0 2px}
.account-dialog-card input{width:100%;min-height:40px;padding:0 11px;border:1px solid #dbe5e0;border-radius:7px;background:#fbfdfc;color:#243c37;font:12px "Segoe UI",Arial,sans-serif}
.account-dialog-card input:focus{outline:2px solid #84c2af;outline-offset:1px}
.account-dialog-card .dialog-copy{margin:0 0 4px}
.account-form-message{min-height:15px;margin:0;color:#a54839;font-size:10px}
.account-mode-toggle{margin-top:0}
.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.invite-actions button{margin:0}
body.is-chat-open .account-button,body.is-chat-open .account-username{display:none}
@media(max-width:700px){.account-button{min-height:29px;padding:0 8px;font-size:9px}.account-username{display:none}}


/* Play Store safety controls */
.video-content-warning{display:none;margin:0;padding:8px 10px;border:1px solid #efd7bd;border-radius:7px;background:#fff7ec;color:#784c27;text-align:center;font-size:11px;font-weight:700;line-height:1.4}.is-video-mode .video-content-warning{display:block}.consent-policy-links{margin:5px 0 0 29px;color:#7b887c;font-size:10px}.consent-policy-links a{color:#42624e;text-decoration:underline;text-underline-offset:2px}.block-button{background:#f7e9e7;color:#8d3f37}.block-button:hover:not(:disabled){background:#f0d8d4}

/* Landing page hero */
.intro-row{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,5vw,68px);padding:42px 0 34px}
.intro-row:after{display:none}
.intro-copy-block{position:relative;z-index:1}
.intro-copy-block .eyebrow{margin-bottom:17px}
.intro-row h1{font-size:clamp(34px,4.35vw,55px);line-height:1.06;letter-spacing:-2.8px}
.intro-row h1 span{display:inline-block;margin-top:5px}
.intro-copy{width:auto;max-width:410px;margin:16px 0 21px;color:#737e76;font-size:14px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-cta{display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:0 17px;border:0;border-radius:15px;background:linear-gradient(115deg,#147d78,#286755);box-shadow:0 9px 22px #1e6e5b2b;color:#fff;font-size:13px;font-weight:750;cursor:pointer;transition:transform .22s,box-shadow .22s,filter .22s}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 14px 27px #1e6e5b36;filter:saturate(1.12)}
.hero-cta:active{transform:translateY(0)}
.hero-cta-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff24}
.hero-cta-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-cta-arrow{margin-left:4px;font-size:16px;transition:transform .2s}
.hero-cta:hover .hero-cta-arrow{transform:translate(2px,-2px)}
.hero-secondary{color:#586d61;font-size:11px;font-weight:700;text-decoration:none}
.hero-secondary span{display:inline-block;margin-left:4px;transition:transform .2s}
.hero-secondary:hover span{transform:translateY(3px)}
.hero-visual{position:relative;isolation:isolate;margin:0;min-height:0;aspect-ratio:1.94/1;width:100%;border:1px solid #fff;border-radius:26px;background:#e8ece6;box-shadow:0 22px 50px #28413718;overflow:visible;transform:translateZ(0)}
.hero-visual:before{position:absolute;z-index:-1;inset:14px -12px -13px 14px;content:"";border-radius:27px;background:linear-gradient(135deg,#d8e9de,#f3ddd0);opacity:.75}
.hero-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;border-radius:25px;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.hero-visual:hover img{transform:scale(1.035);filter:saturate(1.07)}
.hero-visual-glow{position:absolute;inset:48% 0 0;border-radius:0 0 25px 25px;background:linear-gradient(transparent,#14241d9c);pointer-events:none}
.hero-image-caption{position:absolute;right:15px;bottom:15px;left:15px;display:flex;align-items:center;gap:10px;color:white}
.hero-caption-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff6b;border-radius:12px;background:#ffffff21;backdrop-filter:blur(10px);font-size:17px}
.hero-image-caption strong,.hero-image-caption small{display:block}
.hero-image-caption strong{font-size:12px;letter-spacing:.1px}
.hero-image-caption small{margin-top:4px;color:#ffffffc9;font-size:9px}
.hero-caption-arrow{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:1px solid #ffffff68;border-radius:50%;font-size:14px}
.hero-floating-chip{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffffa0;border-radius:99px;background:#ffffffdf;box-shadow:0 5px 16px #17251c17;color:#435b4c;font-size:9px;font-weight:750;backdrop-filter:blur(12px);animation:hero-chip-float 4.8s ease-in-out infinite}
.hero-floating-chip i{width:7px;height:7px;border-radius:50%;background:#44a67d;box-shadow:0 0 0 4px #44a67d20}
@keyframes hero-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:900px){.intro-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding-top:32px}.intro-row h1{font-size:clamp(32px,4.5vw,44px)}.hero-visual{min-height:240px}.intro-copy{max-width:390px;font-size:12px}}
@media(max-width:700px){.intro-row{display:grid;grid-template-columns:1fr;gap:20px;padding:29px 0 22px}.intro-row h1{font-size:clamp(32px,8.3vw,43px);letter-spacing:-2px}.intro-copy{max-width:440px;margin:12px 0 16px;font-size:12px}.hero-actions{gap:13px}.hero-cta{min-height:45px;border-radius:13px}.hero-visual{min-height:0;aspect-ratio:1.62/1;border-radius:21px}.hero-visual img{border-radius:20px}.hero-visual-glow{border-radius:0 0 20px 20px}.hero-image-caption{right:12px;bottom:12px;left:12px}.hero-floating-chip{top:12px;left:12px}}
@media(max-width:430px){.intro-row{gap:17px;padding-top:24px}.hero-visual{aspect-ratio:1.48/1}.hero-image-caption strong{font-size:11px}.hero-caption-mark{width:33px;height:33px}.hero-cta{font-size:12px}.hero-secondary{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-floating-chip{animation:none}.hero-visual img,.hero-cta,.hero-secondary span{transition:none}}


/* Fresh mint-glass interface theme */
:root{--paper:#f1f7f4;--ink:#183a35;--muted:#71837d;--green:#0d716b;--sage:#def0e8;--line:#dce8e2;--orange:#e88e71}
body{background:radial-gradient(ellipse at 8% 2%,#d9f0e9 0,transparent 31%),radial-gradient(ellipse at 96% 9%,#fff0e4 0,transparent 27%),linear-gradient(180deg,#f4f8f6 0%,#eef5f1 100%);background-attachment:fixed;color:var(--ink)}
.topbar{border-color:#d9e6df}
.brand-mark{background:linear-gradient(145deg,#0e8178,#246357);box-shadow:0 6px 14px #176f632b}
.connection-pill{padding:7px 10px;border:1px solid #dce9e3;border-radius:99px;background:#ffffffa8}
.workspace{border:1px solid #ffffff;border-radius:22px;background:#fff;box-shadow:0 24px 70px #1d574511}
.side-panel{background:linear-gradient(160deg,#f6fbf8,#f0f7f3);border-color:#deebe4}
.chat-topline{border-color:#e8f0eb}
.mode-option{min-height:68px;border:1px solid #dce9e3;border-radius:13px;background:#fff;box-shadow:0 4px 14px #184b3708;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.mode-option:hover:not(:disabled){transform:translateY(-2px);border-color:#9acbbb;box-shadow:0 9px 20px #184b3710}
.mode-option.is-active{background:linear-gradient(120deg,#e5f5ed,#edf6f0);border-color:#76b6a0;box-shadow:inset 0 0 0 1px #c9e5d8,0 5px 16px #1e765313}
.mode-icon{background:#edf4f0;color:#54766a}
.mode-option.is-active .mode-icon{background:linear-gradient(145deg,#c8eadb,#d7e9dc);color:#176a5c}
.start-button{min-height:48px;border-radius:12px;background:linear-gradient(110deg,#0e8179,#225e51);box-shadow:0 7px 18px #126b5c26;transition:transform .2s,box-shadow .2s,filter .2s}
.start-button:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(110deg,#0a736d,#1a554a);box-shadow:0 11px 24px #126b5c33}
.button-arrow{font-size:20px}
.account-button,.install-app-button{min-height:36px;padding:0 13px;border:1px solid #d3e7de;border-radius:11px;background:#ffffffd9;color:#245b52;box-shadow:0 3px 10px #245b520a;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.account-button:hover,.install-app-button:hover{transform:translateY(-1px);border-color:#81bea9;background:#f1fbf6;box-shadow:0 6px 14px #245b5212}
.action-button{min-height:36px;padding:0 12px;border-radius:10px;font-size:10px;transition:transform .18s,background .18s,box-shadow .18s}
.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 11px #1f453812}
.stop-button{background:#fff1ee;color:#a45149}
.stop-button:hover:not(:disabled){background:#ffe5e0}
.next-button{background:linear-gradient(110deg,#dff2e8,#eaf5e9);color:#216650}
.next-button:hover:not(:disabled){background:linear-gradient(110deg,#ccebdc,#dceddc)}
.block-button{background:#fff0ed;color:#a04a42}
.media-control{min-height:37px;border:1px solid #dce9e2;border-radius:11px;background:#f7fbf8;color:#326456;transition:transform .18s,background .18s,border-color .18s}
.media-control:hover:not(:disabled){transform:translateY(-1px);background:#e7f5ee;border-color:#b9ddcb}
.icon-button{width:35px;height:35px;border-radius:11px}
.icon-button:hover:not(:disabled){background:#e8f5ee;color:#12695c}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4cb49a;outline-offset:3px}
.consent-row input:focus-visible+.custom-check{outline-color:#4cb49a}
@media(max-width:700px){body{background:linear-gradient(155deg,#eef7f2,#f6f7f3 55%,#f7eee8)}.workspace{border-radius:18px}.side-panel{background:linear-gradient(160deg,#f7fbf9,#f2f8f4)}.mode-option{min-height:62px}}

.search-guides{margin:24px 0 0;padding:clamp(22px,4vw,42px);border:1px solid #e4e9e2;border-radius:20px;background:linear-gradient(145deg,#ffffffeb,#f3f8f4ed);box-shadow:0 12px 34px #3150440a}
.search-guides-intro{max-width:720px;margin-bottom:22px}
.search-guides-intro .eyebrow{margin-bottom:9px}
.search-guides h2{margin:0 0 10px;color:#26352d;font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.8px}
.search-guides-intro>p:last-child{margin:0;color:#68776d;font-size:13px;line-height:1.75}
.search-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.search-guide-card{min-width:0;overflow:hidden;border:1px solid #e4eae4;border-radius:13px;background:#ffffffd9}
.search-guide-image{display:grid;place-items:center;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#e9eee7;cursor:zoom-in}
.search-guide-image img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .2s ease}
.search-guide-image:hover img,.search-guide-image:focus-visible img{filter:brightness(.97)}
.search-guide-image:focus-visible{outline:3px solid #147b73;outline-offset:-3px}
.search-guide-copy{padding:15px 18px 17px}
.image-viewer{box-sizing:border-box;width:min(96vw,1100px);max-width:96vw;max-height:calc(100dvh - 16px);overflow:hidden;padding:clamp(10px,2vw,18px);border:1px solid #dfe8e2;border-radius:18px;background:#f8fbf9;box-shadow:0 24px 80px #10243c38}
.image-viewer::backdrop{background:#12221dcc;backdrop-filter:blur(5px)}
.image-viewer-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.image-viewer-toolbar form{margin:0}
.image-viewer-home,.image-viewer-close{min-height:42px;padding:0 16px;border:1px solid #d7e5df;border-radius:999px;background:#fff;color:#26584b;font:600 14px inherit;cursor:pointer}
.image-viewer-close{background:#e9f2ed}
.image-viewer-home:hover,.image-viewer-close:hover{background:#dcece4}
.image-viewer-figure{display:grid;place-items:center;gap:8px;margin:0;min-width:0}
.image-viewer-figure img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 126px);object-fit:contain;border-radius:10px}
.image-viewer-figure figcaption{color:#52665b;font-size:13px;text-align:center}
@media(max-width:700px){.search-guides{margin-top:16px;padding:20px 16px;border-radius:17px}.search-guide-grid{grid-template-columns:1fr}.search-guide-copy{padding:13px 15px 15px}.search-faq{margin-top:22px}.image-viewer{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:8px;border-radius:14px}.image-viewer-figure img{max-width:100%;max-height:calc(100dvh - 112px)}.image-viewer-figure img{max-height:calc(100dvh - 112px)}.image-viewer-home,.image-viewer-close{min-height:38px;padding:0 12px;font-size:12px}}
.search-guide-card h3,.search-faq h3{margin:0 0 8px;color:#285c4e;font-size:14px;line-height:1.4;letter-spacing:-.2px}
.search-guide-card p{margin:0;color:#6f7b72;font-size:11px;line-height:1.75}
.search-faq{max-width:850px;margin:28px auto 0}
.search-faq h3{margin-bottom:12px;color:#26352d;font-size:17px}
.search-faq details{padding:12px 0;border-top:1px solid #e5eae4}
.search-faq summary{color:#33463b;font-size:12px;font-weight:700;cursor:pointer}
.search-faq details p{margin:8px 0 0;color:#6f7b72;font-size:11px;line-height:1.7}
.search-faq a{color:#147b73;font-weight:700}
@media(max-width:700px){.search-guides{margin-top:16px;padding:20px 16px;border-radius:17px}.search-guide-grid{grid-template-columns:1fr}.search-guide-copy{padding:13px 15px 15px}.search-faq{margin-top:22px}}

/* AmigoLiveCam campaign artwork and updated mark */

.brand-mark{width:38px;height:38px;flex:0 0 38px;display:block;border-radius:11px;background:none;transform:none;object-fit:cover}
.brand-mark span{display:none}
.intro-row{align-items:center}
.intro-copy{width:min(100%,430px);max-width:100%}
.hero-visual{width:min(46%,500px);max-width:500px;flex:0 1 500px;aspect-ratio:1;margin:0;overflow:hidden;border-radius:26px;background:#0b1930;box-shadow:0 24px 55px #10243c24}
.hero-promo-link{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.hero-visual img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
@media(max-width:900px){.hero-visual{width:min(44%,420px);flex-basis:min(44%,420px)}}
@media(max-width:700px){.hero-visual{width:min(100%,480px);max-width:480px;margin:24px auto 0}.hero-visual img{height:auto}}

/* Keep the AmigoLiveCam campaign image full width after the theme overrides. */
.intro-row{display:block;align-items:stretch;padding:22px 0 31px}
.intro-copy-block{display:none}
.hero-visual{display:block;width:100%;max-width:none;flex:none;min-height:0;aspect-ratio:1.94/1;margin:0;overflow:hidden}
.hero-visual img{object-fit:cover}
@media(max-width:900px){.hero-visual{width:100%;max-width:none;flex:none}}
@media(max-width:700px){.intro-row{display:block;padding:24px 0 23px}.hero-visual{width:100%;max-width:none;aspect-ratio:1.55/1;margin:0 auto}.hero-promo-link{height:100%}.hero-visual img{height:100%}}
@media(max-width:430px){.hero-visual{aspect-ratio:1.45/1}}

/* Keep the full-width banner compact so chat controls appear sooner. */
.intro-row{padding-top:15px;padding-bottom:20px}
.hero-visual{aspect-ratio:2.5/1}
.hero-visual img{object-position:center 48%}
@media(max-width:700px){.intro-row{padding-top:15px;padding-bottom:17px}.hero-visual{aspect-ratio:2/1}}
@media(max-width:430px){.hero-visual{aspect-ratio:1.9/1}}
@media(max-width:700px){.hero-promo-link picture{display:block;width:100%;height:100%}.hero-promo-link picture img{width:100%;height:100%;object-fit:cover}}

/* Make the full-width campaign banner shorter still. */
.intro-row{padding-top:10px;padding-bottom:14px}
.hero-visual{aspect-ratio:3/1}
@media(max-width:700px){.intro-row{padding-top:10px;padding-bottom:12px}.hero-visual{aspect-ratio:2.3/1}}
@media(max-width:430px){.hero-visual{aspect-ratio:2.15/1}}

/* Keep in-call camera controls overlaid on top of the video tiles. */
.media-stage{position:relative}
.video-controls{position:absolute;left:50%;bottom:34px;z-index:20;transform:translateX(-50%);grid-column:auto!important;grid-row:auto!important;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px;padding:8px 11px;border:1px solid #ffffff35;border-radius:999px;background:#14221db8;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px)}
.media-control{position:relative;width:42px;height:42px;min-height:42px;flex:0 0 42px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#ffffff2b;color:#fff}
.media-control svg{width:19px;height:19px}
.media-control span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.media-control:hover:not(:disabled){background:#ffffff42}
.media-control:disabled{opacity:.5}
.end-call-control{background:#e94e50;border-color:#ff9694;color:#fff}
.end-call-control:hover:not(:disabled){background:#d93d42}
@media(max-width:700px){.video-controls{bottom:30px;gap:8px;padding:7px 9px}.media-control{width:38px;height:38px;min-height:38px;flex-basis:38px}.media-control svg{width:17px;height:17px}}
@media(max-width:430px){.video-controls{gap:6px;padding:6px 8px}.media-control{width:35px;height:35px;min-height:35px;flex-basis:35px}}



/* Polished pill buttons with light colors that distinguish each action. */
button:not(.mode-option):not(.media-control):not(.end-call-control){
  border:1px solid #d8bd72;border-radius:999px;
  background:linear-gradient(180deg,#fffef9,#f5ecd5);
  color:#31534d;
  box-shadow:inset 0 2px 0 #fff,0 2px 0 #d8c17d,0 5px 12px #51401612;
  font-weight:700;
}
button:not(.mode-option):not(.media-control):not(.end-call-control):hover:not(:disabled){
  border-color:#c8a84e;background:linear-gradient(180deg,#fffefb,#f5e6bf);
  box-shadow:inset 0 2px 0 #fff,0 2px 0 #c8a84e,0 7px 15px #51401618;
}
button:not(.mode-option):not(.media-control):not(.end-call-control):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #c7b16d44,0 1px 0 #c9a542}
button:not(.mode-option):not(.media-control):not(.end-call-control):disabled{opacity:.5}
.start-button,.hero-cta,.dedicated-start-button{
  border-color:#8ecbb5!important;background:linear-gradient(180deg,#effbf5,#d9f1e5)!important;
  color:#175a50!important;box-shadow:inset 0 2px 0 #fff,0 2px 0 #9ccfbb,0 5px 14px #225e4b14!important;
}
.account-button,.install-app-button,.chat-home-button,.icon-button,.dialog-close,.footer-feedback{
  border-color:#dfcc94!important;background:linear-gradient(180deg,#fffef9,#f5ecd5)!important;color:#5b4c2c!important;
}
.next-button,.send-button,.report-submit{
  border-color:#a6c7df!important;background:linear-gradient(180deg,#f4faff,#e0effa)!important;color:#315b78!important;
  box-shadow:inset 0 2px 0 #fff,0 2px 0 #b3cee2,0 5px 12px #21496712!important;
}
.stop-button,.block-button,.report-cancel,.account-logout-button{
  border-color:#e9b3a9!important;background:linear-gradient(180deg,#fff7f5,#fde4df)!important;color:#8a4842!important;
}
.mode-option{border-color:#ddc987;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d7c080,0 6px 13px #3b2b150a}
.mode-option.is-active{border-color:#cfad54;background:linear-gradient(180deg,#fff7de,#f2e5bb);color:#28544d;box-shadow:inset 0 2px 0 #fff,0 2px 0 #c7a54e,0 6px 14px #654c1c12}
.video-controls{background:#ffffffd9;border-color:#e8d69f;box-shadow:0 8px 24px #152b2224}
.media-control{border-color:#e0cb8a;background:#fffdf4;color:#315a53}
.media-control:hover:not(:disabled){background:#fff4d4}
.end-call-control{border-color:#ffaaa3;background:#e94e50;color:#fff}


/* Live online meter */
.online-meter{width:min(100%,390px);margin:0 auto 24px;padding:17px 21px 13px;border:1px solid #34554a;border-radius:16px;background:linear-gradient(145deg,#203a32,#142b26 72%);box-shadow:0 15px 34px #203a321f,inset 0 1px #ffffff13;color:#f6f7ef;text-align:left;overflow:hidden}
.meter-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.meter-live{display:inline-flex;align-items:center;gap:7px;color:#a9d5bd;font-size:9px;font-weight:800;letter-spacing:1.15px}
.meter-live i{width:7px;height:7px;border-radius:50%;background:#7ed39b;box-shadow:0 0 0 4px #7ed39b20,0 0 12px #7ed39b99}
.online-meter[data-state="connecting"] .meter-live i{background:#d9ad72;box-shadow:0 0 0 4px #d9ad7220}
.meter-label{color:#adbbb1;font-size:9px;font-weight:700;letter-spacing:1.15px}
.meter-reading{display:flex;align-items:baseline;gap:10px;margin:8px 0 6px}
.digital-number{color:#c8f2d2;font-family:"Consolas","SFMono-Regular",monospace;font-size:clamp(40px,7vw,62px);font-weight:700;line-height:1;letter-spacing:5px;font-variant-numeric:tabular-nums;text-shadow:0 0 17px #8acda64d}
.meter-unit{color:#d5dfd4;font-size:10px;font-weight:700;letter-spacing:1px}
.meter-lights{height:7px;display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:12px 0 9px;padding:2px;border-radius:5px;background:#0e211d}
.meter-lights i{border-radius:2px;background:#547567}
.meter-lights i:nth-child(-n+8){background:#9acdab;box-shadow:0 0 7px #83bd9655}
.online-meter[data-state="connecting"] .meter-lights i{background:#547567;box-shadow:none}
.meter-caption{margin:0;color:#aab8ad;font-size:9px;letter-spacing:.15px}
.empty-state{padding-top:20px}
@media(max-width:700px){.online-meter{width:min(100%,360px);margin-bottom:20px;padding:15px 17px 12px}.digital-number{font-size:50px;letter-spacing:4px}.empty-state{padding-top:16px}}


/* Live match-search animation with original, lightweight illustrations. */
.media-grid{position:relative}
.match-connection-animation[hidden]{display:none!important}
.match-connection-animation{position:absolute;z-index:6;inset:0 auto 0 0;width:calc(50% - 5px);display:flex;flex-direction:column;gap:clamp(8px,1.5vw,14px);overflow:hidden;padding:clamp(10px,1.8vw,18px);border:1px solid #cfe6dc;border-radius:16px;background:radial-gradient(ellipse at 50% 58%,#e2f6ee 0,#f2faf6 48%,#f8fbf9 100%);box-shadow:0 8px 26px #17382a20}
.connection-status{display:flex;align-items:center;gap:10px;min-height:40px;padding:2px 4px}
.connection-status>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}
.connection-status strong{color:#153b34;font-size:clamp(14px,1.6vw,18px);line-height:1.15}
.connection-status small{color:#61776d;font-size:clamp(10px,1.1vw,12px)}
.connection-status-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#e9a666;box-shadow:0 0 0 4px #e9a66628}
.match-connection-animation[data-state="searching"] .connection-status-dot{background:#16998a;box-shadow:0 0 0 4px #16998a25;animation:connectionPulse 1.5s ease-in-out infinite}
.connection-state-tag{margin-left:auto;padding:5px 9px;border:1px solid #d7e9e1;border-radius:999px;background:#fff;color:#3a7a68;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.connection-state-tag::after{content:"CONNECTING"}
.match-connection-animation[data-state="searching"] .connection-state-tag::after{content:"SEARCHING"}
.match-connection-animation[data-state="matched"] .connection-state-tag::after{content:"MATCHED"}
.connection-scene{position:relative;display:grid;flex:1;min-height:0;place-items:center;overflow:hidden;border:1px solid #d9ebe3;border-radius:14px;background:linear-gradient(180deg,#f9fdfb,#eaf6f0)}
.connection-scene::before,.connection-scene::after{position:absolute;top:50%;left:50%;width:min(67%,270px);aspect-ratio:1;border:1px solid #d0e9df;border-radius:50%;content:"";transform:translate(-50%,-50%);animation:connectionOrbit 8s linear infinite}
.connection-scene::after{width:min(47%,190px);animation-direction:reverse;animation-duration:6s}
.connection-search-pair{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.6vw,20px);width:100%;height:100%;padding:8px}
.connection-character{display:flex;flex-direction:column;align-items:center;gap:4px;width:min(34%,150px);margin:0;animation:connectionFloat 2.7s ease-in-out infinite}
.connection-character-woman{animation-delay:-1.35s}
.connection-character svg{display:block;width:100%;max-height:clamp(110px,34vh,240px);filter:drop-shadow(0 7px 12px #275f4c18)}
.connection-character figcaption{color:#53766a;font-size:clamp(9px,1vw,11px);font-weight:700}
.connection-bridge{display:flex;flex-direction:column;align-items:center;gap:7px;color:#368c7c}
.connection-hello{padding:5px 9px;border:1px solid #d4e9df;border-radius:999px;background:#ffffffc9;font-size:clamp(9px,1vw,11px);font-weight:700}
.connection-link{display:flex;align-items:center;gap:5px}
.connection-link i{width:5px;height:5px;border-radius:50%;background:#32a696;animation:connectionDots 1.05s ease-in-out infinite}
.connection-link i:nth-child(2){animation-delay:.16s}.connection-link i:nth-child(3){animation-delay:.32s}
.connection-found-person{position:relative;z-index:1;display:none;place-items:center;width:min(45%,190px);animation:connectionArrive .55s cubic-bezier(.2,.8,.2,1) both}
.connection-found-person svg{display:none;width:100%;max-height:clamp(135px,42vh,280px);filter:drop-shadow(0 10px 18px #275f4c20)}
.match-connection-animation[data-state="searching"] .connection-scene::before{animation-duration:4s;border-color:#acd8c6}
.match-connection-animation[data-state="searching"] .connection-search-pair{animation:connectionSearching 2.2s ease-in-out infinite}
.match-connection-animation[data-state="matched"] .connection-search-pair{display:none}
.match-connection-animation[data-state="matched"][data-gender="unknown"] .connection-search-pair{display:flex}
.match-connection-animation[data-state="matched"][data-gender="unknown"] .connection-found-person{display:none}
.match-connection-animation[data-state="matched"] .connection-found-person{display:grid}
.match-connection-animation[data-state="matched"][data-gender="man"] .connection-found-man{display:block}
.match-connection-animation[data-state="matched"][data-gender="woman"] .connection-found-woman{display:block}
.match-connection-animation[data-state="matched"][data-gender="unknown"] .connection-found-person{display:none}
.match-connection-animation[data-state="matched"][data-gender="unknown"] .connection-search-pair{display:flex}
.match-connection-animation[data-state="matched"][data-gender="man"] .connection-found-person{display:grid}
.match-connection-animation[data-state="matched"][data-gender="woman"] .connection-found-person{display:grid}
.match-connection-animation[data-state="matched"][data-gender="neutral"] .connection-found-person{display:grid}
.match-connection-animation[data-state="matched"][data-gender="neutral"] .connection-found-neutral{display:block}
@keyframes connectionPulse{50%{box-shadow:0 0 0 8px #16998a08;transform:scale(.88)}}
@keyframes connectionDots{0%,65%,100%{opacity:.25;transform:translateY(0)}32%{opacity:1;transform:translateY(-4px)}}
@keyframes connectionFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes connectionOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes connectionSearching{0%,100%{transform:translateX(-5px) scale(.98)}50%{transform:translateX(5px) scale(1.01)}}
@keyframes connectionArrive{from{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.match-connection-animation *,.match-connection-animation::before,.match-connection-animation::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Keep the caller's live camera visible beside the connection animation. */
.media-grid:has(#matchConnectionAnimation:not([hidden])){
  grid-template-columns:minmax(0,2.15fr) minmax(112px,1fr)!important;
  grid-template-rows:minmax(250px,min(58svh,620px))!important;
  grid-auto-rows:auto!important;
  align-items:stretch;
}
.media-grid:has(#matchConnectionAnimation:not([hidden])) .match-connection-animation{
  position:relative;inset:auto;z-index:1;
  grid-column:1;grid-row:1;
  width:100%;height:100%;min-width:0;min-height:0;
}
.media-grid:has(#matchConnectionAnimation[data-state="connecting"]:not([hidden])) #remoteGrid,
.media-grid:has(#matchConnectionAnimation[data-state="searching"]:not([hidden])) #remoteGrid{
  display:none!important;
}
.media-grid:has(#matchConnectionAnimation:not([hidden])) .local-tile{
  position:relative!important;inset:auto!important;z-index:2;
  grid-column:2!important;grid-row:1!important;
  width:100%!important;height:100%!important;
  min-width:0;min-height:0;max-width:none;max-height:none;
  aspect-ratio:auto;justify-self:stretch;align-self:stretch;
}
@media(max-width:700px){
  .media-grid:has(#matchConnectionAnimation:not([hidden])){
    grid-template-columns:minmax(0,1.8fr) minmax(100px,.9fr)!important;
    grid-template-rows:minmax(215px,48svh)!important;
  }
}
@media(max-width:430px){
  .media-grid:has(#matchConnectionAnimation:not([hidden])){
    grid-template-columns:minmax(0,1.65fr) minmax(88px,.85fr)!important;
    grid-template-rows:minmax(190px,44svh)!important;
  }
}
/* Keep the search-focused page heading visible without making the hero tall. */
.intro-row .home-seo-title{margin:0 0 9px;color:#26352d;font-size:clamp(18px,2vw,24px);line-height:1.2;letter-spacing:-.45px}
@media(max-width:700px){.intro-row .home-seo-title{font-size:19px;line-height:1.25;margin-bottom:8px}}


/* Keep self and partner video feeds equal-sized squares in every call state. */
.media-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-content:start;
}
.remote-grid{
  grid-template-rows:auto;
  grid-auto-rows:auto;
  align-content:start;
}
.remote-tile,.local-tile,.remote-tile.is-landscape{
  width:100%!important;
  height:auto!important;
  min-width:0;
  min-height:0;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
.media-grid:has(#matchConnectionAnimation:not([hidden])){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  grid-auto-rows:auto!important;
}
.media-grid:has(#matchConnectionAnimation:not([hidden])) .match-connection-animation,
.media-grid:has(#matchConnectionAnimation:not([hidden])) .local-tile{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
}
.remote-tile:fullscreen,.remote-tile:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  aspect-ratio:auto!important;
}