:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8f6;color:#15171b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #15171b;--muted: #687078;--line: rgba(18, 26, 34, .14);--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .82);--accent: #087c75;--accent-strong: #075e58;--accent-soft: rgba(8, 124, 117, .12);--coral: #d56b53;--danger: #b42318;--shadow: 0 22px 70px rgba(29, 39, 47, .14);--radius: 8px;--weight-regular: 400;--weight-medium: 520;--weight-semibold: 620;--weight-bold: 700}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f7f8f6}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;font-weight:var(--weight-regular)}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{position:relative;isolation:isolate;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:grid;grid-template-rows:auto 1fr auto;gap:18px;overflow-x:hidden;overflow-y:auto}.ambient-layer{position:fixed;inset:0;z-index:-2;background:linear-gradient(118deg,#f6f8f5f0,#e6f8f6e0 38%,#ffefe6db 70%,#f6f8f5f0),conic-gradient(from 155deg at 52% 44%,#087c7533,#fff0,#d56b5333,#fff0,#087c7533);background-position:0% 0%,50% 50%;background-size:120% 120%,130% 130%;filter:saturate(1.08);animation:ambientShift 16s ease-in-out infinite alternate;overflow:hidden}.ambient-layer:after{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 78%,transparent 100%);opacity:.42}.top-bar{width:min(100%,1120px);max-width:calc(100vw - 28px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-mark,.panel-heading,.match-summary,.session-strip,.connection-strip,.search-footer,.search-hint{display:flex;align-items:center}.brand-mark{min-width:0;gap:12px}.brand-icon,.panel-icon,.match-avatar{width:48px;height:48px;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--accent-strong);background:#ffffff94;box-shadow:inset 0 1px #ffffffeb,0 12px 24px #16242b1a;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.panel-icon.accent,.match-avatar{color:#fff;background:linear-gradient(135deg,var(--accent),#3c9a8e 48%,var(--coral))}.top-bar h1,.glass-panel h2,.eyebrow,.message-row p{margin:0}.top-bar h1{font-size:34px;font-weight:var(--weight-bold);line-height:1.05;letter-spacing:0}.eyebrow{color:var(--muted);font-size:12px;font-weight:var(--weight-bold);letter-spacing:0;text-transform:uppercase}.session-strip{justify-content:flex-end;gap:10px;min-width:0}.status-pill,.user-chip{min-height:40px;padding:8px 13px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);display:inline-flex;align-items:center;gap:8px;color:#283039;background:#ffffff94;box-shadow:inset 0 1px #ffffffdb;font-size:14px;font-weight:var(--weight-semibold);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.user-chip{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #087c7524}.status-searching .status-dot,.status-in_call .status-dot{animation:pulseDot 1.5s ease-in-out infinite}.workspace{width:min(100%,1120px);min-width:0;margin:0 auto;display:grid;place-items:center}.scene-card{animation:sceneIn .52s cubic-bezier(.2,.8,.2,1) both}.glass-panel{width:100%;min-width:0;max-width:100%;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);background:linear-gradient(145deg,#ffffffd1,#ffffff80),var(--glass);box-shadow:inset 0 1px #ffffffe6,var(--shadow);-webkit-backdrop-filter:blur(28px) saturate(1.24);backdrop-filter:blur(28px) saturate(1.24)}.auth-panel{width:min(492px,calc(100vw - 28px));padding:24px;display:flex;flex-direction:column;gap:18px}.setup-stage{width:100%;max-width:calc(100vw - 28px);display:grid;grid-template-columns:minmax(280px,390px) minmax(340px,1fr);gap:16px;align-items:stretch}.profile-panel,.match-panel{min-height:520px;padding:22px;display:flex;flex-direction:column;gap:22px}.match-panel{justify-content:space-between}.panel-heading{gap:14px}.panel-heading>div,.match-summary>div{min-width:0}.glass-panel h2{margin-top:3px;font-size:30px;font-weight:var(--weight-bold);line-height:1.08;letter-spacing:0}.glass-panel p{margin:8px 0 0;color:var(--muted);line-height:1.45}.form-grid{display:grid;gap:13px}label{display:flex;flex-direction:column;gap:8px;color:#303741;font-weight:var(--weight-semibold)}input,select{width:100%;min-height:52px;border:1px solid rgba(22,35,43,.13);border-radius:var(--radius);background:#ffffffc7;color:var(--ink);padding:0 14px;outline:none;box-shadow:inset 0 1px 1px #fffc;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}select{appearance:auto}input:focus,select:focus{border-color:#087c758c;background:#fffffff5;box-shadow:0 0 0 4px #087c7521,inset 0 1px 1px #fffc}fieldset{min-inline-size:0;margin:0;padding:0;border:0}legend{margin-bottom:10px;color:#303741;font-weight:var(--weight-semibold)}.control-group{display:grid;gap:10px}.select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.compact-button{min-height:52px;padding:0 14px}.block-list{display:grid;gap:9px}.privacy-note{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.block-row{min-width:0;min-height:64px;padding:10px;border:1px solid rgba(20,32,40,.1);border-radius:var(--radius);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:#ffffff75;box-shadow:inset 0 1px #ffffffb3}.block-row div{min-width:0;display:grid;gap:3px}.block-row strong{color:#303741;font-size:14px;font-weight:var(--weight-semibold)}.block-row span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.segmented-grid,.toggle-grid{display:grid;gap:9px}.segmented-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gender-grid,.age-grid,.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.segment,.toggle-tile{min-width:0;min-height:52px;border:1px solid rgba(20,32,40,.12);border-radius:var(--radius);color:#333b45;background:#ffffff80;box-shadow:inset 0 1px #ffffffb3;font-size:14px;font-weight:var(--weight-semibold);line-height:1.15;text-align:center;overflow-wrap:anywhere;white-space:normal;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.toggle-tile{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px}.segment:hover,.toggle-tile:hover,.glass-button:hover,.primary-button:hover,.secondary-button:hover,.icon-command:hover{transform:translateY(-1px)}.segment:active,.toggle-tile:active,.glass-button:active,.primary-button:active,.secondary-button:active,.icon-command:active{transform:scale(.985)}.segment.active,.toggle-tile.active{border-color:#087c7547;color:var(--accent-strong);background:linear-gradient(145deg,#fffffff2,#e4f8f5e0),var(--accent-soft);box-shadow:0 10px 26px #087c751a,inset 0 1px #ffffffe6}.toggle-check{width:10px;height:10px;border:1px solid rgba(35,43,51,.28);border-radius:999px;background:#ffffffb8;flex:0 0 auto}.toggle-tile.active .toggle-check{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px #087c7524}.primary-button,.secondary-button,.text-button,.icon-button,.icon-command{min-height:50px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;font-weight:var(--weight-semibold);letter-spacing:0;line-height:1.15;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center;white-space:normal;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.primary-button{position:relative;overflow:hidden;padding:0 18px;color:#fff;background:linear-gradient(135deg,var(--accent-strong),var(--accent) 52%,#4aa397),var(--accent);box-shadow:0 18px 38px #087c7542,inset 0 1px #ffffff42}.primary-button:after{position:absolute;inset:0;content:"";background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.34) 46%,transparent 58%);transform:translate(-120%)}.primary-button:hover:after{animation:buttonSheen .76s ease}.secondary-button{padding:0 18px;color:#283039;background:#ffffffa3;border:1px solid rgba(20,32,40,.12);box-shadow:inset 0 1px #ffffffdb}.text-button{align-self:center;min-height:46px;padding:0 10px;color:var(--accent-strong);background:transparent}.icon-button{width:44px;min-height:44px;padding:0}.glass-button{border:1px solid rgba(255,255,255,.72);color:#303741;background:#ffffff94;box-shadow:inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.wide{width:100%}.primary-button,.secondary-button,.text-button,.icon-command{flex-wrap:wrap}.call-stage{width:min(650px,calc(100vw - 28px));min-height:570px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:28px;text-align:center}.ended-stage{width:min(560px,calc(100vw - 28px));min-height:500px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.ended-visual{position:relative;width:130px;height:130px;display:grid;place-items:center}.ended-icon{position:relative;z-index:1;width:92px;height:92px;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#9d1f17,var(--danger),#d56b53);box-shadow:inset 0 1px #ffffff3d,0 20px 44px #b4231838}.ended-pulse{position:absolute;inset:4px;border-radius:999px;border:1px solid rgba(180,35,24,.2);background:#b423180d;animation:endedPulse 2.2s ease-in-out infinite}.ended-copy{max-width:430px}.ended-peer{width:100%;min-height:58px;border:1px solid rgba(22,35,43,.1);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);background:#ffffff7a}.ended-peer span,.ended-peer strong{min-width:0}.ended-peer span{font-size:13px;font-weight:var(--weight-semibold)}.ended-peer strong{color:var(--ink);font-size:18px;font-weight:var(--weight-semibold);text-align:right}.ended-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.search-visual{position:relative;width:244px;height:244px;display:grid;place-items:center}.search-ring{position:absolute;inset:4px;border-radius:999px;background:conic-gradient(from 0deg,#087c7500,#087c75eb,#d56b53bd,#087c7500);mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));filter:drop-shadow(0 10px 22px rgba(8,124,117,.16));animation:ringRotate 1.55s linear infinite}.search-ring:before,.search-ring:after{position:absolute;inset:28px;border:1px solid rgba(8,124,117,.18);border-radius:inherit;content:"";animation:ringBreath 2.8s ease-in-out infinite;background:transparent}.search-ring:after{inset:-18px;animation-delay:.7s}.search-core{position:relative;width:112px;height:112px;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius);display:grid;place-items:center;color:var(--accent-strong);background:#ffffffb8;box-shadow:inset 0 1px #fffffff5,0 20px 44px #17272f24;-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18);animation:coreFloat 2.6s ease-in-out infinite}.search-core:before,.search-core:after{position:absolute;width:8px;height:8px;border-radius:999px;content:"";background:var(--accent);box-shadow:0 0 0 6px #087c751a;animation:orbitDot 2.6s ease-in-out infinite}.search-core:before{top:-28px;right:10px}.search-core:after{bottom:-26px;left:8px;background:var(--coral);animation-delay:.9s}.wave-stack{position:absolute;bottom:36px;display:inline-flex;align-items:center;gap:5px}.wave-stack span,.voice-meter span{width:5px;border-radius:999px;background:linear-gradient(to top,var(--accent),#6eb9ad,var(--coral));animation:barDance .88s ease-in-out infinite}.wave-stack span{height:18px}.wave-stack span:nth-child(2),.voice-meter span:nth-child(3n+1){animation-delay:.11s}.wave-stack span:nth-child(3),.voice-meter span:nth-child(3n+2){animation-delay:.22s}.wave-stack span:nth-child(4),.voice-meter span:nth-child(4n){animation-delay:.33s}.wave-stack span:nth-child(5){animation-delay:.44s}.stage-copy{max-width:460px}.stage-copy h2{font-size:34px}.search-footer{width:100%;justify-content:space-between;gap:14px}.search-hint{min-height:44px;justify-content:center;gap:9px;color:var(--muted);font-weight:var(--weight-semibold)}.match-summary{width:100%;justify-content:center;gap:15px;text-align:left}.match-avatar{width:72px;height:72px}.voice-meter{width:min(100%,440px);height:150px;display:flex;align-items:center;justify-content:center;gap:7px}.voice-meter span{height:34px;opacity:.86}.connection-strip{width:100%;min-height:46px;justify-content:center;gap:8px;color:#303741;border:1px solid rgba(22,35,43,.1);border-radius:var(--radius);background:#ffffff7a;font-weight:var(--weight-semibold)}.call-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-command{min-height:62px;padding:8px 10px;flex-direction:column;color:#303741;background:#ffffff94;border:1px solid rgba(20,32,40,.12);box-shadow:inset 0 1px #ffffffdb,0 10px 24px #16242b14}.icon-command span{font-size:13px;line-height:1.1}.danger{color:#fff;background:linear-gradient(135deg,#9d1f17,var(--danger),#cf4b36);border-color:#b423183d}.primary-button.danger{box-shadow:0 18px 38px #b423183d,inset 0 1px #ffffff3d}.confirmation-backdrop{position:fixed;inset:0;z-index:20;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;place-items:center;background:#15171b2e;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.confirmation-dialog{width:min(430px,calc(100vw - 36px));padding:22px;display:grid;gap:18px}.confirmation-dialog h2{margin:4px 0 0;font-size:26px}.confirmation-dialog p{margin:8px 0 0;color:var(--muted);line-height:1.45}.confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.message-row{width:min(100%,1120px);margin:0 auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px}.error-text{color:var(--danger);font-weight:var(--weight-semibold)}.spin{animation:spin 1s linear infinite}@keyframes ambientShift{0%{background-position:0% 0%,45% 48%;filter:saturate(1.04) brightness(1)}to{background-position:100% 100%,55% 52%;filter:saturate(1.12) brightness(1.02)}}@keyframes sceneIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes pulseDot{50%{transform:scale(1.18);box-shadow:0 0 0 7px #087c7514}}@keyframes buttonSheen{to{transform:translate(120%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes ringBreath{50%{transform:scale(1.08);opacity:.32}}@keyframes coreFloat{50%{transform:translateY(-6px)}}@keyframes orbitDot{0%,to{transform:translateZ(0) scale(.82);opacity:.55}50%{transform:translate3d(10px,8px,0) scale(1.08);opacity:.95}}@keyframes barDance{0%,to{transform:scaleY(.52)}50%{transform:scaleY(1.5)}}@keyframes endedPulse{0%,to{transform:scale(.86);opacity:.38}50%{transform:scale(1.08);opacity:.78}}@media(max-width:860px){.app-shell{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.top-bar{align-items:flex-start;flex-direction:column}.top-bar h1{font-size:28px}.session-strip{width:100%;justify-content:flex-start;flex-wrap:wrap}.setup-stage{grid-template-columns:1fr}.profile-panel,.match-panel,.call-stage,.ended-stage{min-height:auto}.call-stage,.ended-stage{padding:22px}.stage-copy h2,.glass-panel h2{font-size:28px}.search-visual{width:210px;height:210px}.search-footer{flex-direction:column}.search-footer .secondary-button{width:100%}.select-row,.block-row{grid-template-columns:1fr}.compact-button{width:100%}}@media(max-width:560px){.workspace{place-items:start stretch}.brand-icon{width:42px;height:42px}.auth-panel,.profile-panel,.match-panel,.call-stage,.ended-stage{padding:18px}.segmented-grid,.gender-grid,.age-grid,.toggle-grid,.call-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.match-summary{flex-direction:column;text-align:center}.ended-peer{align-items:flex-start;flex-direction:column}.ended-peer strong{text-align:left}.voice-meter{gap:4px}.voice-meter span{width:4px}.message-row{align-items:flex-start;flex-direction:column;gap:4px}.confirmation-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(prefers-reduced-transparency:reduce){.glass-panel,.brand-icon,.panel-icon,.match-avatar,.status-pill,.user-chip,.glass-button,.search-core{background:var(--glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}