.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 24px;border-radius:27px;font-size:16px;font-weight:500;border:1px solid var(--line);cursor:pointer;text-decoration:none;flex-shrink:0;color:var(--btn2fg);background:var(--btn2);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow)}.button--primary{background:var(--btn);color:var(--btnfg);border-color:transparent;font-weight:600;box-shadow:none}.button--glass{color:var(--fg)}.button--quiet{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:var(--fg2);padding:0 8px;min-height:36px;font-size:14px}.button--danger{background:var(--color-danger);color:#fff;border:0;box-shadow:0 6px 20px #e5484d66}.button--square{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:var(--glass);color:var(--fg)}.button--square.button--primary{background:var(--btn);color:var(--btnfg)}.button--square.button--quiet{background:transparent}.button--large{width:56px;height:56px;min-height:56px}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.text{margin:0;line-height:1.45;font-size:14px}.text--muted{color:var(--fg2)}h1.text{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.1}h2.text{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}h3.text{font-size:15px;font-weight:600}span.text{display:inline}.tab-bar{position:absolute;left:16px;right:16px;bottom:var(--pad-bottom);z-index:20;pointer-events:auto;height:66px;padding:0 8px;display:flex;align-items:center;border-radius:33px;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.6);border:1px solid var(--line);box-shadow:var(--shadow);transition:opacity .15s}.keyboard-open .tab-bar{opacity:0;pointer-events:none}.tab-bar a{flex:1;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:27px;color:var(--fg2);text-decoration:none;font-size:11px;transition:all .2s}.tab-bar a.active{background:var(--glass2);color:var(--fg);font-weight:600}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:var(--pad-top) 20px var(--pad-bottom);pointer-events:none}.screen__header{display:flex;gap:12px;align-items:center;padding:4px 2px 16px;flex-shrink:0;pointer-events:auto}.screen__header h1{flex:1}.screen__content{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1;overflow-y:auto;scrollbar-width:none;pointer-events:auto;padding:2px 2px 8px}.screen--tabs{padding-bottom:calc(var(--pad-bottom) + 80px)}.screen--solid{background:var(--bg)}.screen--scene .screen__content{pointer-events:none}.screen--scene .screen__content>*{pointer-events:auto}.panel{padding:14px 16px 16px;border-radius:32px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);box-shadow:var(--shadow)}.panel--sheet{position:absolute;inset-inline:0;bottom:0;margin:0;max-height:calc(100% - 96px - var(--kb));overflow-y:auto;transform:translateY(calc(-1 * var(--kb)));transition:transform .25s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(22px + var(--pad-bottom));border-radius:32px 32px 0 0;border-inline-width:0;border-bottom-width:0}.keyboard-open .panel.panel--sheet{padding-bottom:22px}.panel--group{padding:4px 16px;border-radius:22px;background:var(--glass2);box-shadow:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.stage__status{position:absolute;top:45%;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:12px;color:var(--fg2);z-index:4}.brand{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.brand strong{font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1}.brand>span{font-size:17px;color:var(--fg);opacity:.92}.brand--small strong{font-size:36px}.brand--small>span{font-size:14px;color:var(--fg2);opacity:1}.welcome{padding:max(44px,var(--safe-top) + 12px) 24px max(36px,var(--safe-bottom))}.welcome .screen__content{align-items:center;text-align:center;gap:0;overflow:hidden}.welcome h1.text{margin-top:22px;font-size:21px;font-weight:500;letter-spacing:0;line-height:1.2}.welcome .text--muted{margin-top:4px;max-width:230px;font-size:14px;line-height:1.45}.welcome__actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto}.welcome__actions .button:not(.button--quiet){min-height:56px;border-radius:28px}.welcome__actions .button--quiet{align-self:center;min-height:32px;font-size:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:13px;font-weight:500;color:var(--fg2);padding-left:4px}.field__control{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-radius:14px;background:var(--field);border:1px solid var(--hair)}.field__control:focus-within{border-color:var(--fg3)}.field__control svg{color:var(--fg);opacity:.6;flex-shrink:0}.field__control input{flex:1;width:100%;min-width:0;min-height:46px;font-size:16px;background:none;border:0;color:var(--fg);outline:none}.field__control input:disabled{opacity:.6}.field--bare .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.field--bare .field__control{min-height:52px;border-radius:16px}.field--search .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.field--search .field__control{min-height:44px;border-radius:22px;gap:10px}.field--search .field__control input{min-height:42px}.login .screen__header{padding-bottom:0}.login .brand{margin-top:6px}.login__card{padding:26px 20px calc(22px + var(--pad-bottom));display:flex;flex-direction:column;gap:12px}.login__card h1.text{font-size:24px;letter-spacing:-.02em}.login__card form{display:flex;flex-direction:column;gap:12px}.login__card>.text:last-child{text-align:center;font-size:13px;margin-top:4px}.login__card a{color:var(--fg);font-weight:600;text-decoration:none}.login__titles{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.login__row{display:flex;justify-content:space-between;align-items:center;min-height:18px;font-size:13px}.login__error{color:var(--color-danger)}.login__forgot{color:var(--fg2)!important;font-weight:400!important}.login .button--primary{margin-top:4px}.notice{font-size:12px;line-height:1.5;color:var(--fg2);margin:0;padding:10px 12px;background:var(--field);border-radius:13px}.notice--error{color:var(--color-danger)}.segmented{display:flex;padding:3px;border-radius:20px;background:var(--hair)}.segmented button{flex:1;min-height:34px;padding:0 10px;border-radius:17px;font-size:14px;white-space:nowrap;color:var(--fg);transition:background .2s}.segmented button[aria-pressed=true]{background:var(--glass2);font-weight:600}.segmented--chips{padding:0;gap:8px;background:transparent}.segmented--chips button{flex:0 0 auto;min-height:34px;padding:0 16px;border-radius:17px;font-size:13px;font-weight:500;background:var(--glass2);border:1px solid var(--hair)}.segmented--chips button[aria-pressed=true]{background:var(--chip);color:var(--chipfg);font-weight:500}.swatches{display:flex;align-items:center;gap:14px;padding:0 4px}.swatches button{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px #0000001f;transition:box-shadow .2s}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--knob),0 0 0 4px var(--fg)}.part-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.part-picker button{aspect-ratio:1;border-radius:18px;background:var(--field) center/cover no-repeat;border:0;display:flex;align-items:center;justify-content:center;color:var(--fg);transition:box-shadow .2s}.part-picker button[aria-pressed=true]{box-shadow:0 0 0 2px var(--knob),0 0 0 4px var(--fg)}.slider{display:flex;flex-direction:column;gap:14px}.slider label{display:flex;justify-content:space-between;font-size:12px}.slider span{color:var(--fg2)}.slider input{width:100%;accent-color:var(--fg);cursor:pointer}.stepper{display:flex;justify-content:center;gap:18px}.stepper button{width:30px;height:30px;border-radius:50%;font-size:13px;font-weight:600;color:var(--fg);background:transparent;transition:all .25s}.stepper button[data-done=true]{background:var(--glass2)}.stepper button[aria-current]{background:var(--btn);color:var(--btnfg);box-shadow:var(--shadow)}.scene-controls{display:flex;justify-content:space-between;align-items:center;margin:auto 0;pointer-events:none}.scene-controls .button{pointer-events:auto;width:42px;height:42px;min-height:42px}.creator .screen__header{position:absolute;top:var(--pad-top);left:20px;z-index:3;padding:0}.creator .screen__content{gap:0}.creator__heading{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:2px}.creator__heading .text--muted{font-size:14px}.creator__heading>.text:last-child{margin-top:-6px}.creator .screen__content:has(>.panel--sheet){padding-bottom:316px}.creator__panel{padding:14px 20px calc(16px + var(--pad-bottom));display:flex;flex-direction:column;gap:16px;flex-shrink:0}.creator__next{display:flex;justify-content:flex-end}.creator__next--split{justify-content:space-between}.creator__next .button--glass{background:var(--btn2)}.creator__expressions{display:flex;flex-wrap:wrap;gap:8px}.creator__expressions .button{min-height:36px;padding:0 14px;font-size:14px}.creator--account .screen__content{overflow:hidden}.creator__account{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 0 8px}.creator__account form{display:flex;flex-direction:column;gap:10px}.creator__portrait{align-self:center;position:relative;flex-shrink:0;width:128px;height:128px;margin:6px 0 14px;border-radius:50%;background:var(--off);border:3px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;font-size:48px}.creator__portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover}.creator__portrait i{position:absolute;right:4px;bottom:4px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--glass2);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.creator__ok{width:22px;height:22px;border-radius:50%;background:var(--color-online);display:grid;place-items:center}.creator__ok svg{color:#fff!important;opacity:1!important}.creator__terms{font-size:11.5px;line-height:1.5;color:var(--fg3);text-align:center;padding:4px 30px 0}.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:58px;padding:6px 0;color:var(--fg)}.row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row__body strong{font-size:15px;font-weight:600}.row__body span{font-size:12.5px;color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel--group>.row{min-height:48px;padding:0;gap:14px;border-bottom:1px solid var(--hair)}.panel--group>.row:last-child{border-bottom:0}.panel--group>.row .row__body strong{font-weight:400}.avatar{--avatar-size: 46px;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--off);font-size:calc(var(--avatar-size) * .4);overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--small{--avatar-size: 40px}.avatar--large{--avatar-size: 54px}.avatar__online{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:var(--color-online);border:2px solid var(--knob)}.preview-banner{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--fg2)}.preview-banner span{height:5px;width:5px;background:var(--focus);border-radius:50%}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:50px 16px;color:var(--fg2)}.empty-state h2{font-size:21px}.empty-state p{font-size:13px;max-width:245px}.chat-list .screen__header{padding-top:22px}.chat-list .screen__content{gap:14px}.chat-list__rows{display:flex;flex-direction:column;margin:0 -6px}.chat-list .row{gap:14px;padding:10px 6px;min-height:74px;position:relative}.chat-list .row:after{content:"";position:absolute;left:74px;right:6px;bottom:0;border-bottom:1px solid var(--hair)}.chat-list .row:last-child:after{display:none}.chat-list .row__body{gap:4px}.chat-list .row__body strong{font-size:16px}.chat-list .row__body span{font-size:13.5px}.chat-list__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.chat-list__meta span{font-size:12px;color:var(--fg3)}.chat-list__meta b{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--chip);color:var(--chipfg);font-size:12px;font-weight:600}.chat-header{display:flex;align-items:center;gap:10px;height:58px;padding:0 8px 0 6px;border:1px solid var(--line);border-radius:29px;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);box-shadow:var(--shadow)}.chat-header .button--square{width:36px;height:40px;min-height:40px;border-radius:12px;color:var(--fg)}.chat-header>span:not(.avatar){flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.chat-header>span:not(.avatar) strong{font-size:15px;font-weight:600}.chat-header>span:not(.avatar) small{font-size:12px;color:var(--fg2)}.message-bubble{align-self:flex-start;max-width:72%;display:flex;flex-direction:column;gap:3px;padding:10px 14px 8px;border:1px solid var(--line);border-radius:20px;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);box-shadow:var(--shadow)}.message-bubble p{margin:0;font-size:15px;line-height:1.35;overflow-wrap:anywhere;text-wrap:pretty}.message-bubble span{display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:11px;color:var(--fg3)}.message-bubble span svg{color:var(--color-read)}.message-bubble--mine{align-self:flex-end;background:var(--glass2)}.message-bubble--mine span{justify-content:flex-end}.message-bubble--typing{padding:12px 16px;font-size:13px;color:var(--fg2)}.message-bubble--failed span{color:var(--color-danger)}.message-bubble--failed span button{font-weight:600;text-decoration:underline;color:inherit}.message-bubble__sent{color:var(--fg3)!important}.composer{display:flex;align-items:center;gap:8px;height:56px;padding:0 6px;border-radius:28px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);box-shadow:var(--shadow)}.composer input{flex:1;min-width:0;height:40px;padding:0 14px;border-radius:20px;font-size:16px;background:var(--field);border:1px solid var(--hair)}.composer .button--square{width:44px;height:44px;min-height:44px;color:var(--fg)}.composer .button--primary,.composer__action{background:var(--btn);color:var(--btnfg)}.composer__action:disabled{opacity:.6}.chat{padding:0}.chat .screen__content{gap:12px;overflow:hidden;padding:0}.chat .chat-header{box-sizing:border-box;height:auto;min-height:calc(58px + var(--pad-top));padding:var(--pad-top) 14px 0;border-width:0 0 1px;border-radius:0 0 28px 28px}.chat__messages{display:flex;flex-direction:column;gap:10px;margin-top:auto;max-height:calc(100dvh - 354px);min-height:120px;overflow-y:auto;padding:40px 12px;margin-bottom:-38px;flex-shrink:1}.chat .composer{box-sizing:border-box;flex-shrink:0;height:auto;padding:10px 12px var(--pad-bottom);border-width:1px 0 0;border-radius:28px 28px 0 0}.chat .composer{transform:translateY(calc(-1 * var(--kb)));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.chat__messages{transform:translateY(calc(-1*max(0px,var(--kb) - var(--pad-bottom) + 10px)));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.keyboard-open .chat .composer{padding-bottom:10px}.contacts .screen__content{gap:6px}.contacts .field{margin-bottom:8px}.contacts h3.text{padding:4px 2px}.contacts__connections{padding-top:12px!important}.contacts .row{gap:12px;padding:6px 2px;min-height:58px}.contacts .row__body span{font-size:12.5px}.contacts__actions{display:flex;gap:8px}.contacts__actions .button{width:40px;height:40px;min-height:40px;border-radius:12px;background:var(--glass2);border:1px solid var(--line);box-shadow:none}.contacts__decline{color:var(--color-danger)!important}.contacts__pill{min-height:36px;padding:0 16px;font-size:14px}.contacts__tag{font-size:12px;padding:4px 10px;border-radius:10px;background:var(--hair);color:var(--fg2)}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:15px;border-bottom:1px solid var(--hair)}.toggle:last-child{border-bottom:0}.toggle__label{display:flex;align-items:center;gap:12px}.toggle__label svg{width:22px;flex-shrink:0}.toggle small{display:inline-block;margin-left:10px;padding:3px 9px;border-radius:10px;background:var(--hair);color:var(--fg2);font-size:11px}.toggle__switch{width:48px;height:28px;padding:3px;border-radius:14px;background:var(--off);flex-shrink:0;transition:background .2s}.toggle__switch span{display:block;width:22px;height:22px;border-radius:50%;background:var(--knob);box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle__switch[aria-checked=true]{background:var(--on)}.toggle__switch[aria-checked=true] span{transform:translate(20px)}.toggle__switch:disabled{opacity:.4;cursor:not-allowed}.settings .screen__content{gap:14px}.settings__profile{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;text-align:left;background:var(--glass2);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--fg)}.settings__profile>span:not(.avatar){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings__profile>span:not(.avatar) strong{font-size:17px;font-weight:600}.settings__profile>span:not(.avatar) small{font-size:13px;color:var(--fg2)}.settings__profile>svg{opacity:.4}.settings .panel--group .row>svg:last-child,.settings .panel--group .row>span:last-child svg{opacity:.4}.settings__emotes,.settings__appearance{padding:12px 16px 4px}.settings__emotes>.text--muted,.settings__appearance>.text--muted{font-size:13px;padding-bottom:4px}.settings__emotes .toggle,.settings__appearance .toggle{min-height:44px;border-bottom:0}.settings__appearance{display:flex;flex-direction:column;gap:10px;padding-bottom:14px}.settings__note{font-size:12px!important}.settings__footer{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 8px;font-size:15px}.settings__footer button{display:flex;align-items:center;gap:10px;color:var(--fg)}.settings__logout{color:var(--color-danger)!important;font-weight:500}.account .panel{display:flex;flex-direction:column;gap:16px}.account form{display:flex;flex-direction:column;gap:14px}.privacy .screen__content{gap:14px}.privacy__emotes{padding:12px 16px 4px}.privacy__emotes>.text--muted{font-size:13px;padding-bottom:4px}.privacy__emotes .toggle{min-height:44px;border-bottom:0}.privacy__pill{min-height:34px;padding:0 14px;font-size:13px}.privacy__empty{padding:14px 0;font-size:13px}.privacy h3.text{padding:4px 2px 0}.help .screen__content{gap:12px}.help .panel{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:22px;background:var(--glass2);box-shadow:none}.help__version{text-align:center;font-size:12px!important;padding:6px 0 4px}.forgot-password .panel{padding:24px 20px calc(22px + var(--pad-bottom));display:flex;flex-direction:column;gap:14px}.forgot-password form{display:flex;flex-direction:column;gap:12px}.reset-password .panel{padding:24px 20px calc(22px + var(--pad-bottom));display:flex;flex-direction:column;gap:14px}.reset-password form{display:flex;flex-direction:column;gap:12px}.loading .screen__content{gap:14px}.loading__card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px}.loading__card h3.text{font-size:14px;font-weight:500}.loading__row{display:flex;align-items:center;gap:12px;transition:opacity .6s}.loading__row i{width:40px;height:40px;border-radius:50%;background:var(--off);flex-shrink:0}.loading__row span{flex:1;display:flex;flex-direction:column;gap:7px}.loading__row b{height:10px;border-radius:5px;background:var(--off)}.loading__row b:first-child{width:80%}.loading__row b:last-child{width:50%}.loading__progress{display:flex;align-items:center;gap:14px}.loading__progress div{flex:1;height:10px;border-radius:5px;background:var(--off);overflow:hidden}.loading__progress i{display:block;height:100%;border-radius:5px;background:var(--on);transition:width .4s}.loading__progress span{width:36px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.offline .screen__content{gap:14px}.offline .panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:28px 26px;border-radius:30px;background:var(--glass2)}.offline .panel>svg{opacity:.6}.offline .panel h2.text{margin-top:14px;font-size:19px}.offline .panel .text--muted{max-width:240px;line-height:1.5}.offline .panel .button{width:100%;margin-top:20px}.camera-permission .screen__content{gap:14px}.camera-permission .panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:28px 26px;border-radius:30px;background:var(--glass2)}.camera-permission .panel>svg{margin-bottom:2px}.camera-permission .panel h2.text{margin-top:14px;font-size:19px}.camera-permission .panel .text--muted{max-width:240px;line-height:1.5}.camera-permission .panel .button{width:100%}.camera-permission .panel .button--primary{margin-top:20px}.camera-permission .panel .button:not(.button--primary){min-height:50px;font-size:15px}.call{padding:var(--pad-top) 16px max(28px,var(--safe-bottom))}.call .screen__content{gap:0;pointer-events:none}.call__top{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.call__caller{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:26px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.call__caller>span:not(.avatar){display:flex;flex-direction:column}.call__caller strong{font-size:15px;font-weight:600}.call__caller small{font-size:12px;color:var(--fg2);font-variant-numeric:tabular-nums}.call__self{width:118px;height:150px;border-radius:22px;overflow:hidden;border:2px solid var(--line);box-shadow:0 10px 30px #0000004d;background:#222;display:flex;align-items:center;justify-content:center}.call__self .text{font-size:12px;color:#fff;opacity:.6}.call__self video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:transform .4s}.call__self .call__video--flipped{transform:none}.call__note{align-self:flex-start;margin:10px 0 0;padding:4px 12px;border-radius:14px;background:var(--glass);font-size:11px;color:var(--fg2)}.call__controls{position:absolute;inset-inline:0;bottom:0;margin:0;padding:16px 10px calc(12px + var(--pad-bottom));border-radius:32px 32px 0 0;border-inline-width:0;border-bottom-width:0;display:flex;justify-content:space-around;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(var(--blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.5);box-shadow:var(--shadow)}.call__controls button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--fg)}.call__controls button span{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass2);border:1px solid var(--line);transition:all .2s}.call__controls button span.is-on{background:var(--btn);color:var(--btnfg)}.call__end span{background:var(--color-danger)!important;color:#fff!important;border:0!important;box-shadow:0 6px 20px #e5484d66}.emote{gap:12px;padding:var(--pad-top) 16px max(30px,var(--safe-bottom))}.emote__top{display:flex;justify-content:space-between;align-items:center;padding:0 4px 4px;pointer-events:auto}.emote__top .button--square{width:38px;height:38px;min-height:38px;background:var(--glass2)}.emote__card{position:relative;flex:1;min-height:0;border-radius:26px;overflow:hidden;pointer-events:auto;background:var(--off) center/cover no-repeat;opacity:.5;transform:scale(.97);transition:all .45s cubic-bezier(.2,.8,.2,1)}.emote__card.is-active{opacity:1;transform:scale(1);box-shadow:0 0 0 3px var(--fg)}.emote__card span{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:18px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1c1c1e;font-size:14px;font-weight:600}.emote__card i{width:24px;height:24px;border-radius:50%;background:#1c1c1e;color:#fff;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:center}.emote>.button--primary{margin-top:4px;pointer-events:auto}:root{--kb: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--pad-top: max(26px, calc(var(--safe-top) + 10px));--pad-bottom: max(24px, var(--safe-bottom));--font-family: -apple-system, blinkmacsystemfont, "SF Pro Text", "Helvetica Neue", sans-serif;--color-online: #30a46c;--color-danger: #e5484d;--color-read: #3e8bf5}[data-theme=light]{--page: #e2dfda;--bg: linear-gradient(180deg, #f5f4f2, #e6e4e1);--fg: #1c1c1e;--fg2: rgba(28, 28, 30, .62);--fg3: rgba(28, 28, 30, .4);--glass: rgba(255, 255, 255, .52);--glass2: rgba(255, 255, 255, .82);--line: rgba(255, 255, 255, .75);--hair: rgba(0, 0, 0, .07);--btn: #1f1f21;--btnfg: #fff;--btn2: rgba(255, 255, 255, .7);--btn2fg: #1c1c1e;--field: rgba(255, 255, 255, .72);--photo: brightness(1);--shadow: 0 8px 30px rgba(0, 0, 0, .08);--knob: #fff;--on: #1f1f21;--off: rgba(0, 0, 0, .12);--chip: #1f1f21;--chipfg: #fff}[data-theme=dark]{--page: #09090a;--bg: linear-gradient(180deg, #1d1d20, #0e0e10);--fg: #f5f5f7;--fg2: rgba(245, 245, 247, .62);--fg3: rgba(245, 245, 247, .38);--glass: rgba(38, 38, 42, .55);--glass2: rgba(70, 70, 76, .7);--line: rgba(255, 255, 255, .12);--hair: rgba(255, 255, 255, .08);--btn: #f1f1f1;--btnfg: #111;--btn2: rgba(255, 255, 255, .1);--btn2fg: #f5f5f7;--field: rgba(255, 255, 255, .07);--photo: brightness(.55) saturate(.9);--shadow: 0 8px 30px rgba(0, 0, 0, .4);--knob: #1c1c1e;--on: #e9e9ea;--off: rgba(255, 255, 255, .14);--chip: #f1f1f1;--chipfg: #111}[data-glass=frosted]{--blur: 28px}[data-glass=clear]{--blur: 10px}:root{--white: #fff;--stage-ink: #f9f6f0;--stage-shadow: rgba(0,0,0,.18);--stage-scrim: rgba(18,20,20,.24);--focus: #8c9f94}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;scrollbar-width:none;touch-action:manipulation}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text;font-size:16px}img{-webkit-user-drag:none;user-drag:none}body{font-family:var(--font-family);color:var(--fg);background:var(--page);-webkit-font-smoothing:antialiased;transition:background .3s}.app-shell{position:relative;min-height:100%;overflow:hidden;background:var(--page)}.app-shell__content{position:relative;z-index:2;min-height:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overscroll-behavior:contain;width:min(100%,460px);margin:0 auto}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input{font:inherit;color:inherit;background:none;border:0;outline:0;min-width:0}input::placeholder{color:var(--fg3)}::-webkit-scrollbar{display:none;width:0;height:0}
