@charset "utf-8";html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {  border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong,.strong {font-weight: 600;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;  vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress { vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] { box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {  display: block;}summary {  display: list-item;}template {display: none;}[hidden] {display: none;}

:root{
	--TopPad: 60px;
}
* {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;
}
html,body{
	height:100vh;
	margin:0;
	background:#000;
	color:var(--Text);
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	font-size:14px;
	line-height:20px;
}
.logo{
	margin:0;
	display:flex;
	align-items:center;
	flex-direction:row;

}
.logo b {
	display: inline-block;
    width: 52px;
    height: 51px;
    background-image: url(../img/alena-icon-min-min.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 52px 51px;
    text-indent: -500px;
    text-align: left;
	margin-right:15px;
	top: 5px;
    position: relative;
}
.logo + div{margin-top:10px;}
.logo + div,
.logo + div + div {	
	font-size:10px;
}
.logo .status,
.logo .Presence {	
    position: relative;
}

hr{
	margin: 40px 0 20px;
    border: none;
    height: 1px;
    background-color: rgba(255, 255, 255, .12);
}

button, [type="button"], [type="reset"], [type="submit"]{
	height: var(--BtnH);
    min-width: 46px;
    padding: 0 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(0, 0, 0, .35);
    color: var(--Text);
    font-weight: 600;
    cursor: pointer;
}
.BtnLogout{
	padding:0 7px;
	font-size:12px;
	margin-left:10px;
}
.logo span.status{
    font-size: 12px;
    line-height: 13px;	
}
.VideoStage{
	position:relative;
	width:100%;
	overflow:hidden;
	background-color:#000;
}
.Btn.videoBtn,
.Btn.audioBtn{
	position:relative;
}
.Btn.videoBtn::before,
.Btn.audioBtn::before{
	content:' ';
	display:inline-block;
	background-color:transparent;
	position:absolute;
}
.VideoStage.audio .VideoRemote{
	background-image: url(../icons/audio-min.svg);    
    background-size: 140px 140px;
    background-position: center center;
    background-repeat: no-repeat;
}
.Btn.audioBtn::before{
	background-image: url(../icons/audio-min.svg);    
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
}
.VideoStage.video .VideoRemote{
	background-image: url(../icons/video-min.svg);
    background-size: 140px 140px;
    background-position: center center;
    background-repeat: no-repeat;
}
.Btn.videoBtn::before{
	background-image: url(../icons/video-min.svg);    
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
}

.VideoRemote{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.VideoLocal{
	position:absolute;
	right:var(--Pad);
	bottom:calc(var(--Pad) + var(--BtnH) + 18px);
	width:min(34vw, 190px);
	aspect-ratio: 9/16;
	border-radius:16px;
	overflow:hidden;
	box-shadow: 0 10px 35px rgba(0,0,0,.45);
	background:#111;
	object-fit:cover;
	transform: scaleX(-1);
}

.VideoLocal.Hidden{ display:none; }

.VideoStage.Flipped .VideoLocal{
	inset:0;
	width:100%;
	height:100%;
	aspect-ratio:auto;
	border-radius:0;
	transform:none;
}

.VideoStage.Flipped .VideoRemote{
	right:var(--Pad);
	bottom:calc(var(--Pad) + var(--BtnH) + 18px);
	left:auto;
	top:auto;
	width:min(34vw, 190px);
	height:auto;
	aspect-ratio: 9/16;
	border-radius:16px;
	overflow:hidden;
	box-shadow: 0 10px 35px rgba(0,0,0,.45);
}

.TopInfo{
	position:absolute;
	top:var(--TopPad);
	background: var(--PanelBg);
	backdrop-filter: blur(10px);
	font-size:13px;
	opacity:.95;
	max-width: calc(100% - 2*var(--Pad));

	display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.BottomBar{
	position:absolute;
	bottom:calc( 3 * var(--Pad) );
	display:flex;
	justify-content:center;
	align-items:center;
	background: var(--PanelBg);
	backdrop-filter: blur(10px);
	flex-wrap:wrap;
}

.Btn{
	height:var(--BtnH);
	min-width: 46px;
	padding: 0 14px;
	border-radius: 16px;
	border: 1px solid rgba(255,255,255,.12);
	background: rgba(0,0,0,.35);
	color: var(--Text);
	font-weight: 600;
	cursor:pointer;
}
a.Btn{
	display:inline-block;
	text-align:center;
}

.Btn:hover{
	box-shadow: 0 0 8px rgb(34 181 95 / 56%);
}
.Btn:disabled{
	opacity:.45;
	cursor:not-allowed;
}

.Btn.Danger{
	background: rgba(220,40,40,.35);
	border-color: rgba(220,40,40,.35);
}

.Btn.Good{
	border-color: rgb(39 255 129 / 53%);
}

.Btn.Tiny{
	min-width:46px;
	padding:0 10px;
}

.Debug{
	position:absolute;
	left:var(--Pad);
	right:var(--Pad);
	top:calc(var(--Pad) + 72px);
	max-height: 70vh;
	overflow:auto;
	padding:12px;
	border-radius:16px;
	background: rgba(10,10,10,.70);
	border: 1px solid rgba(255,255,255,.10);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	white-space: pre-wrap;
	display:none;
	z-index:999;
}

.Debug.Show{ display:block; }

.Toast{
	position: fixed;
	bottom: 86px;
	padding: 10px 14px;
	background: rgba(0,0,0,.75);
	border: 1px solid rgba(255,255,255,.12);
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
	z-index:200;
}

.Toast.Show{
	opacity: 1;
}

.IsHidden{
	display:none !important;
}

.SideControls{
	position:absolute;
	left:var(--Pad);
	top: calc(var(--TopPad) + 120px);
	display:flex;
	flex-direction:column;
	z-index:5;
}

.CtrlBtn{
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(0,0,0,.35);
	backdrop-filter: blur(10px);
	font-weight: 700;
	cursor:pointer;
	padding:0;
	font-size:12px;
}

.CtrlBtn:disabled{
	opacity:.45;
	cursor:not-allowed;
}

.CtrlBtn.BtnFlip{
	background-image: url(../icons/flip-min.svg);
    background-size: 22px auto;
    background-position: center center;
    background-repeat: no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}
.CtrlBtn.BtnMic,
.CtrlBtn.BtnCam,
.CtrlBtn.BtnSwitchCam,
.CtrlBtn.BtnAudioOut{
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:none;
	color:var(--ColorText);
}

.CtrlBtn.IsOff{
	border-color: rgba(255, 70, 70, .75);
	background-color: rgba(255, 70, 70, .12);
	box-shadow: 0 0 0 1px rgba(255, 70, 70, .22) inset;
}

.Modal{
	position:fixed;
	inset:0;
	z-index:50;
	padding: var(--Pad);
}

.Modal[aria-modal="true"] :focus{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.Modal__backdrop{
	position:absolute;
	inset:0;
	background: rgba(0,0,0,.55);
	backdrop-filter: blur(10px);	
}

.Modal__card{
	position:relative;
	margin: 18vh auto 0;
	width: min(92vw, 680px);
	padding: 14px;
	border: 1px solid rgba(255,255,255,.12);

	margin: clamp(12px, 18vh, 160px) auto 12px;
	max-height: calc(100vh - (2 * var(--Pad)));	
	-webkit-overflow-scrolling: touch;   

}

.QrBox{
	display:flex;
	justify-content:center;
	align-items:center;
}
.QrBox img{
	max-width:100%;
}

.ScanBox{
	width:min(86vw, 360px);
	border-radius:14px;
	overflow:hidden;
	background:#000;
	box-shadow: 0 10px 35px rgba(0,0,0,.45);
}

#ScanVideo{
	width:100%;
	aspect-ratio: 1/1;
	object-fit:cover;
	display:block;
	max-width:100%;
}

.Presence{
    display: flex;
    gap: 3px;
    margin: 0 0 0 10px;
    opacity: .95;
	background-color: #dcdcdc40;
    height: 30px;
    line-height: 30px;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 5px;
}
.Presence .Person{ width:18px; height:18px; display:inline-flex; top:0;}
.Presence .Person svg{ width:18px; height:18px; fill:currentColor; }
.Presence .Person.Off{ color:#9aa0a6; }
.Presence .Person.On{ color:#2ecc71; }
.Presence .Link{ width:22px; height:3px; border-radius:999px; background:#9aa0a6; opacity:.9; top: 0px;}
.Presence .Link.On{ background:#2ecc71; }

.Btn.Wide{ width:100%; }

.Select{
	width:100%;
	height:44px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.12);
	background: rgba(0,0,0,.35);
	color: var(--Text);
	padding: 0 12px;
	font-size: 14px;
	outline:none;
}

.Select:disabled{
	opacity:.55;
}
.Input{
	flex:1;
	height:48px;
	padding:0 12px;
	border-radius:12px;
	border:1px solid rgba(255,255,255,.18);
	background: rgba(0,0,0,.22);
	color:#fff;
	outline:none;
	min-width: 0;
}
.Input::placeholder{
	color: rgba(255,255,255,.55);
}
.Input:focus{
	box-shadow: 0 0 0 3px rgba(34,181,95,.22);
}

.Modal__sep{
	margin: 10px 0;
	text-align:center;
	opacity:.65;
	font-size:12px;
}

.AdminWrap{
	padding: 18px;
	max-width: 980px;
	margin: 0 auto;
}
.AdminH1{
	margin: 14px 0 6px;
	font-size: 22px;
	line-height: 26px;
}
.AdminSub{
	opacity: .7;
	margin-bottom: 14px;
}
.AdminGrid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px){
	.AdminGrid{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
.AdminCard{
	border: 1px solid rgba(255,255,255,.12);
}
.AdminCardWide{
	margin-top: 12px;
}
.AdminLabel{
	opacity: .7;
	font-size: 12px;
	margin-bottom: 8px;
}
.AdminMeta{
	opacity: .75;
	margin-top: 6px;
	font-size: 12px;
}
.AdminPre{
	margin: 10px 0 0;
	white-space: pre-wrap;
	word-break: break-word;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.10);
}

:focus-visible{
	outline: 3px solid rgba(95, 210, 170, .9);
}

.AppHome .Modal__title{
	font-size: 24px;
	line-height: 30px;
}

.ActionGrid{
	display:grid;
	grid-template-columns:1fr;
}

@media (min-width: 620px){
	.ActionGrid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

.ActionBtn{
	height:auto;
	width:100%;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	border-radius:12px;
	background:linear-gradient(145deg, rgba(31,135,105,.26), rgba(40,82,130,.20));
	border-color:rgba(145,220,195,.28);
}

.ActionBtn small{
	display:block;
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	color:rgba(255,255,255,.72);
	font-weight:400;
}

.FormBlock{
	margin:12px 0;
}

.Textarea{
	display:block;
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
	resize:vertical;
}

.FileInput{
	padding-top:11px;
	height:auto;
}

.TransferOptions{
	display:grid;
	grid-template-columns:1fr;
	margin:12px 0;
}

.CheckLine{
	display:flex;
	align-items:center;
}

.CheckLine input{
	width:20px;
	height:20px;
}

.ReceiveCode{
	display:flex;
	justify-content:space-between;
	border:1px solid rgba(255,255,255,.12);
	background:rgba(255,255,255,.06);
}

.InboxHead{
	margin:18px 0 8px;
}

.IncomingList{
	display:flex;
	flex-direction:column;
}

.EmptyState{
	border:1px dashed rgba(255,255,255,.18);
	color:rgba(255,255,255,.68);
}

.TransferCard{
	border:1px solid rgba(255,255,255,.13);
	background:rgba(255,255,255,.07);
}

.TransferCard__title{
	word-break:break-word;
}

.TransferCard__meta{
	color:rgba(255,255,255,.68);
}

.TransferCard__actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-top:10px;
}

.TransferCard__actions .Btn{
	flex:1 1 120px;
}

.TransferDetails{
	display:flex;
	flex-direction:column;
}

.TransferItem{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	background:rgba(0,0,0,.25);
}

.TransferItem pre{
	margin:0;
	white-space:pre-wrap;
	word-break:break-word;
	font-family:inherit;
}

.SafeLink{
	word-break:break-word;
}

@media (max-width: 480px){
	.Modal__card{
		width:calc(100vw - 20px);
		padding:12px;
	}

	.ReceiveCode{
		align-items:stretch;
		flex-direction:column;
	}
}

body{
	background:
		linear-gradient(180deg, #171c1b 0%, #111413 46%, #0d0f0f 100%);
}

button,
[type="button"],
[type="reset"],
[type="submit"],
.Btn{
	height:auto;
	border:1px solid rgba(243, 241, 234, .13);
	background:rgba(255,255,255,.075);
	box-shadow:none;
	transition:background-color .16s ease, border-color .16s ease, transform .16s ease, opacity .16s ease;
}

button:hover,
.Btn:hover{
	background:rgba(255,255,255,.12);
	border-color:rgba(243, 241, 234, .22);
	box-shadow:none;
}

button:active,
.Btn:active{
	transform:translateY(1px);
}

.Btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 16px;
	font-size:15px;
	line-height:18px;
	text-decoration:none;
}

a.Btn{
	display:inline-flex;
	line-height:18px;
}

.Btn.Good{
	border-color:rgba(125, 216, 184, .72);
}

.Btn.Good:hover{
	background:#91e1c6;
	border-color:#b8f0de;
}

.Btn.Danger{
	background:rgba(227, 111, 102, .14);
	border-color:rgba(227, 111, 102, .42);
}

.Btn.Danger:hover{
	background:rgba(227, 111, 102, .22);
	border-color:rgba(227, 111, 102, .66);
}

:focus-visible{
	outline:3px solid rgba(125, 216, 184, .95);
}

.Modal{
	padding:
		calc(14px + env(safe-area-inset-top))
		calc(14px + env(safe-area-inset-right))
		calc(14px + env(safe-area-inset-bottom))
		calc(14px + env(safe-area-inset-left));
}

.Modal__backdrop{
	background:rgba(5, 7, 7, .68);
	backdrop-filter:blur(14px);
}

.Modal__card{
	width:min(100%, 720px);
	margin:clamp(12px, 9vh, 96px) auto 14px;
	padding:clamp(18px, 4vw, 26px);
	border:1px solid rgba(243, 241, 234, .10);
}

.Modal__row .Btn{
	flex:1 1 0;
}

.HomeLead{
	margin:0 0 20px;
}

.ActionGrid{
	margin:18px 0;
}

.ActionBtn,
.ActionCard{
	background:var(--Surface);
	border:1px solid rgba(243, 241, 234, .11);
}

.ActionBtn:hover{
	background:var(--SurfaceStrong);
	border-color:rgba(125, 216, 184, .32);
}

.ActionBtn span{
	display:block;
}

.ActionCard__copy span{
	display:block;
}

.ActionBtn small,
.ActionCard__copy small{
	display:block;
	margin-top:6px;
	color:rgba(243, 241, 234, .66);
}

.ActionCard{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.ActionCard__buttons{
	grid-template-columns:1fr 1fr;
}

.HomeSecondary{
	display:grid;
	padding-top:4px;
}

.HomeSecondary .Btn{
	background:rgba(255,255,255,.045);
	color:rgba(243, 241, 234, .84);
}

.FlowBlock{
	margin:14px 0;
	border-radius:8px;
	background:rgba(255,255,255,.045);
	border:1px solid rgba(243, 241, 234, .09);
}

.FlowBlock__head{
	display:flex;
	align-items:flex-start;
}

.StepBadge{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:rgba(125, 216, 184, .16);
}

.Input,
.Select{
	height:auto;
	border-radius:8px;
	border:1px solid rgba(243, 241, 234, .14);
	background:rgba(3, 6, 6, .26);
}

.Select{
	padding:0 14px;
}

.Input{
	padding:0 14px;
}

.Input::placeholder{
	color:rgba(243, 241, 234, .46);
}

.Input:focus,
.Select:focus{
	border-color:rgba(125, 216, 184, .62);
	box-shadow:0 0 0 3px rgba(125, 216, 184, .16);
}

.CodeInput{
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	text-transform:uppercase;
}

.Textarea{
	padding:14px;
}

.FileInput{
	border-style:dashed;
}

.FileInput::file-selector-button{
	min-height:38px;
	margin-right:12px;
	padding:0 14px;
	border:0;
	border-radius:8px;
	background:var(--Accent);
	color:var(--AccentText);
	font-weight:750;
}

.TransferOptions{
	gap:10px;
}

.CheckLine{
	padding:0 2px;
	color:rgba(243, 241, 234, .84);
}

.CheckLine input{
	accent-color:var(--Accent);
}

.TransferStatus{
	min-height:0;
	margin:14px 0 0;
	padding:0;
}

.ReceiveCode{
	align-items:center;
	margin:16px 0;
	border-radius:8px;
	background:rgba(125, 216, 184, .10);
	border:1px solid rgba(125, 216, 184, .24);
}

.CodeValue{
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.CodeMeta{
	margin-top:6px;
	color:rgba(243, 241, 234, .66);
}

.QrCard{
	margin:14px 0;
	color:#151818;
}

.QrCard__label{
	margin:0 0 10px;
}

.QrBox{
	padding:12px;
	border-radius:8px;
	background:#fffdf7;
	color:#151818;
}

.QrBox img,
.QrBox canvas{
	max-width:100%;
	height:auto;
}

.WaitPanel{
	margin:16px 0 0;
	border-radius:8px;
	background:rgba(230, 192, 111, .10);
	border:1px solid rgba(230, 192, 111, .20);
}

.WaitPanel__title{
	line-height:var(--TypeSectionLine);
}

.WaitPanel__text{
	margin-top:3px;
	color:rgba(243, 241, 234, .68);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.InboxHead{
	margin:20px 0 10px;
}

.EmptyState{
	padding:14px;
	border-radius:8px;
	border:1px dashed rgba(243, 241, 234, .16);
	background:rgba(255,255,255,.035);
	color:rgba(243, 241, 234, .62);
}

.TransferCard{
	border-radius:8px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(243, 241, 234, .10);
}

.TransferCard--text{ border-color:rgba(125, 216, 184, .22); }
.TransferCard--link{ border-color:rgba(230, 192, 111, .28); }
.TransferCard--image{ border-color:rgba(151, 205, 198, .30); }
.TransferCard--pdf{ border-color:rgba(227, 111, 102, .28); }

.TransferCard__head{
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.TransferCard__badge{
	flex:0 0 auto;
	min-width:62px;
	padding:5px 8px;
	border-radius:8px;
	background:rgba(255,255,255,.08);
	color:rgba(243, 241, 234, .78);
	font-size:12px;
	line-height:16px;
	text-align:center;
}

.TransferCard__copy{
	min-width:0;
	flex:1;
}

.TransferCard__meta{
	margin-top:5px;
	color:rgba(243, 241, 234, .62);
}

.TransferCard__actions,
.TransferItem__actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-top:12px;
}

.TransferCard__actions .Btn,
.TransferItem__actions .Btn{
	flex:1 1 130px;
}

.TransferDetails{
	gap:10px;
}

.TransferItem{
	gap:8px;
	border-radius:8px;
	background:rgba(0,0,0,.20);
	border:1px solid rgba(243, 241, 234, .08);
}

.TransferItem__label{
	font-weight:800;
}

.TransferItem__name{
	word-break:break-word;
}

.TransferItem__meta{
	color:rgba(243, 241, 234, .58);
}

.TransferItem pre{
	color:rgba(243, 241, 234, .88);
}

.SafeLink{
	line-height:21px;
}

.Toast{
	background:rgba(22, 27, 28, .94);
	border-color:rgba(243, 241, 234, .14);
	box-shadow:0 14px 40px rgba(0,0,0,.36);
	text-align:center;
}

@media (min-width: 620px){
	.ActionGrid--primary{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}

	.HomeSecondary{
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}

	.HomeSecondary .Btn.IsHidden{
		display:none !important;
	}
}

@media (max-width: 520px){
	.Modal__card{
		width:100%;
		margin:0 auto;
	}

	.AppHome{
		min-height:calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		display:flex;
		flex-direction:column;
	}

	.ActionCard,
	.ActionBtn{
		min-height:104px;
	}

	.Modal__row{
		flex-direction:column;
	}

	.ReceiveCode{
		align-items:stretch;
		flex-direction:column;
	}

	.TransferCard__head{
		flex-direction:column;
	}

	.TransferCard__badge{
		min-width:0;
	}
}

.DiagGroups{
	display:grid;
	gap:14px;
}

.DiagGroup{
	border:1px solid rgba(95, 114, 109, .36);
	border-radius:18px;
	background:linear-gradient(180deg, rgba(19, 33, 31, .94), rgba(13, 22, 20, .96));
	box-shadow:var(--PanelShadow);
	overflow:hidden;
}

.DiagGroup__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px 16px;
	border-bottom:1px solid rgba(95, 114, 109, .28);
}

.DiagGroup__title{
	font-weight:var(--TypeTitleWeight);
	margin:0;
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
}

.DiagGroup__count{
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
	color:var(--Muted);
	font-variant-numeric:tabular-nums;
}

.DiagRow{
	display:grid;
	grid-template-columns:44px minmax(120px, .8fr) minmax(0, 1.2fr);
	gap:12px;
	align-items:center;
	padding:11px 16px;
	border-bottom:1px solid rgba(95, 114, 109, .18);
}

.DiagRow:last-child{
	border-bottom:0;
}

.DiagRow__status{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:26px;
	border-radius:999px;
	background:rgba(47, 224, 182, .14);
	color:var(--Accent);
	font-size:12px;
	font-weight:800;
}

.DiagRow--bad .DiagRow__status{
	background:rgba(241, 197, 93, .12);
	color:#FFE9A8;
}

.DiagRow__label{
	font-weight:750;
}

.DiagRow__meta{
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
	color:var(--Muted);
	overflow-wrap:anywhere;
}

.DiagActions{
	margin:16px 0;
}

.DiagRawDetails{
	margin-top:14px;
}

:root{
	--PanelBg:rgba(12, 16, 19, .84);
	--Text:#f3f7f4;
	--Muted:rgba(218, 228, 225, .68);
	--Faint:rgba(225, 238, 233, .12);
	--Bg:#07090b;
	--Panel:rgba(15, 20, 23, .96);
	--Surface:rgba(255, 255, 255, .07);
	--SurfaceStrong:rgba(255, 255, 255, .12);
	--Accent:#4ff0c8;
	--AccentHover:#6df7d6;
	--AccentText:#03110f;
	--AccentBlue:#77d7ff;
	--Warm:#f4c76a;
	--Danger:#ff817a;
}

body{
	background:linear-gradient(180deg, #0c1114 0%, #07090b 54%, #040506 100%);
}

.VideoStage{
	height:100vh;
	height:100dvh;
}

button,
[type="button"],
[type="reset"],
[type="submit"],
.Btn{
	border-color:rgba(225, 238, 233, .14);
	background:rgba(255, 255, 255, .07);
	color:var(--Text);
	font-weight:650;
}

button:hover,
.Btn:hover{
	background:rgba(255, 255, 255, .12);
	border-color:rgba(225, 238, 233, .24);
}

.Btn{
	padding:0 15px;
}

.Btn.Good{
	border-color:rgba(111, 255, 221, .72);
	box-shadow:0 10px 28px rgba(36, 220, 185, .16);
}

.Btn.Good:hover{
	background:linear-gradient(180deg, var(--AccentHover), #3de3ca);
	border-color:rgba(176, 255, 236, .86);
}

.Btn.Danger{
	background:rgba(255, 129, 122, .13);
	border-color:rgba(255, 129, 122, .40);
	color:#ffd8d5;
	box-shadow:none;
}

.Btn.Danger:hover{
	background:rgba(255, 129, 122, .20);
	border-color:rgba(255, 129, 122, .62);
}

:focus-visible{
	outline:3px solid rgba(79, 240, 200, .94);
	outline-offset:3px;
}

.Modal{
	overflow:auto;
}

.Modal__backdrop{
	background:rgba(3, 5, 6, .72);
}

.Modal__card{
	border-color:rgba(225, 238, 233, .12);
}

#TransferModal .WorkModal,
#ReceiveModal .WorkModal{
	padding-bottom:calc(38px + env(safe-area-inset-bottom));
}

#StartModal:not(.IsHidden) ~ .VideoStage .BottomBar,
#TransferModal:not(.IsHidden) ~ .VideoStage .BottomBar,
#ReceiveModal:not(.IsHidden) ~ .VideoStage .BottomBar,
#TrustedModal:not(.IsHidden) ~ .VideoStage .BottomBar,
#ScanModal:not(.IsHidden) ~ .VideoStage .BottomBar,
#StartModal:not(.IsHidden) ~ .VideoStage .SideControls,
#TransferModal:not(.IsHidden) ~ .VideoStage .SideControls,
#ReceiveModal:not(.IsHidden) ~ .VideoStage .SideControls,
#TrustedModal:not(.IsHidden) ~ .VideoStage .SideControls,
#ScanModal:not(.IsHidden) ~ .VideoStage .SideControls{
	visibility:hidden;
	pointer-events:none;
}

.HomeBrand{
	display:flex;
	align-items:center;
}

.HomeBrand__mark{
	position:relative;
	flex:0 0 auto;
	width:42px;
	height:42px;
	border-radius:8px;
	background:
		radial-gradient(circle at 31% 38%, #03110f 0 3px, transparent 4px),
		radial-gradient(circle at 69% 62%, #03110f 0 3px, transparent 4px),
		linear-gradient(135deg, var(--Accent) 0%, var(--AccentBlue) 100%);
	box-shadow:0 12px 30px rgba(79, 240, 200, .20);
}

.HomeBrand__mark::after{
	content:"";
	position:absolute;
	left:14px;
	top:20px;
	width:16px;
	height:2px;
	border-radius:999px;
	background:#03110f;
	transform:rotate(28deg);
	transform-origin:center;
}

.ActionGrid{
	margin:16px 0;
}

.ActionBtn,
.ActionCard{
	background:rgba(255, 255, 255, .065);
	border-color:rgba(225, 238, 233, .12);
}

.ActionBtn:hover{
	background:rgba(255, 255, 255, .105);
	border-color:rgba(79, 240, 200, .34);
}

.ActionBtn span{
	font-size:20px;
	line-height:25px;
	font-weight:760;
}

.ActionCard__copy span{
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
	font-weight:var(--TypeTitleWeight);
}

.ActionBtn small,
.ActionCard__copy small{
	color:rgba(218, 228, 225, .68);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
}

.ActionCard__buttons .Btn{
	position:relative;
	padding:0 14px 0 42px;
	background:rgba(6, 11, 13, .74);
	border-color:rgba(79, 240, 200, .34);
	color:var(--Text);
	box-shadow:none;
}

.ActionCard__buttons .Btn:hover{
	background:rgba(79, 240, 200, .14);
	border-color:rgba(79, 240, 200, .58);
}

.Btn.videoBtn::before,
.Btn.audioBtn::before{
	top:50%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.FlowBlock{
	margin:12px 0;
	background:rgba(255, 255, 255, .05);
	border-color:rgba(225, 238, 233, .10);
}

.StepBadge{
	background:rgba(79, 240, 200, .17);
	color:#baf9e8;
	font-weight:780;
}

.TransferItem__label{
	color:var(--Muted);
}

.Input,
.Select{
	border-color:rgba(225, 238, 233, .15);
	background:rgba(3, 6, 8, .35);
	color:var(--Text);
}

.Input:focus,
.Select:focus{
	border-color:rgba(79, 240, 200, .66);
	box-shadow:0 0 0 3px rgba(79, 240, 200, .16);
}

.ReceiveConnected{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin:14px 0;
	border-radius:8px;
	background:rgba(79, 240, 200, .10);
	border:1px solid rgba(79, 240, 200, .26);
}

.ReceiveConnected__copy{
	min-width:0;
}

.ReceiveConnected__title{
	font-weight:var(--TypeTitleWeight);
}

.ReceiveConnected__text{
	margin-top:3px;
	color:var(--Muted);
}

.ReceiveConnected__actions{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:8px;
	min-width:min(100%, 250px);
}

.ReceiveConnected__actions .Btn{
	padding:0 12px;
	white-space:nowrap;
}

.ReceiveQrPanel{
	margin-top:12px;
}

.ReceiveCode{
	margin:14px 0;
	background:rgba(79, 240, 200, .09);
	border-color:rgba(79, 240, 200, .24);
}

.CodeValue{
	font-weight:780;
	letter-spacing:0;
}

.CodeMeta{
	color:rgba(218, 228, 225, .66);
}

.QrCard{
	margin:12px 0;
}

.WaitPanel{
	margin:14px 0 0;
	background:rgba(244, 199, 106, .10);
	border-color:rgba(244, 199, 106, .24);
}

.WaitPanel__title{
	font-size:var(--TypeSectionSize);
	font-weight:var(--TypeTitleWeight);
}

.InboxHead{
	margin:18px 0 10px;
	font-weight:760;
}

#ReceiveModal.ReceiveModal--qrCollapsed .InboxHead{
	margin-top:12px;
}

.IncomingList{
	padding-bottom:calc(20px + env(safe-area-inset-bottom));
}

.EmptyState{
	background:rgba(255, 255, 255, .035);
	border-color:rgba(225, 238, 233, .16);
	color:rgba(218, 228, 225, .62);
}

.TransferCard{
	background:rgba(255, 255, 255, .06);
	border-color:rgba(225, 238, 233, .11);
}

.TransferCard--text{ border-color:rgba(79, 240, 200, .24); }
.TransferCard--link{ border-color:rgba(244, 199, 106, .30); }
.TransferCard--image{ border-color:rgba(119, 215, 255, .28); }
.TransferCard--pdf{ border-color:rgba(255, 129, 122, .30); }

.TransferCard__badge{
	background:rgba(255, 255, 255, .075);
	color:rgba(243, 247, 244, .78);
	font-weight:720;
}

.TransferCard__title{
	font-weight:740;
}

.TransferCard__meta{
	color:rgba(218, 228, 225, .62);
	font-size:12px;
	line-height:17px;
}

.TransferItem__meta{
	color:rgba(218, 228, 225, .62);
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
}

.TransferDetails{
	margin-top:10px;
}

.TransferItem{
	background:rgba(255, 255, 255, .035);
	border-color:rgba(225, 238, 233, .08);
}

.TransferItem--text{
	padding:2px 0 0;
	background:transparent;
	border:0;
}

.TransferItem__name{
	font-weight:720;
}

.TransferItem pre{
	color:rgba(243, 247, 244, .88);
}

.SafeLink{
	color:#aee9ff;
}

@media (max-width: 520px){
	.HomeBrand__mark{
		width:38px;
		height:38px;
	}

	.HomeBrand__mark::after{
		left:13px;
		top:18px;
		width:14px;
	}

	.ActionBtn span{
		font-size:19px;
		line-height:24px;
	}

	.ActionCard__copy span{
		font-size:var(--TypeSectionSize);
		line-height:var(--TypeSectionLine);
	}

	.ReceiveConnected{
		align-items:stretch;
		flex-direction:column;
	}

	.ReceiveConnected__actions{
		grid-template-columns:1fr;
		min-width:0;
	}
}

:root{
	--Pad:14px;
	--BtnH:42px;
}

html,
body{
	font-size:14px;
	line-height:1.4;
}

button,
[type="button"],
[type="reset"],
[type="submit"],
.Btn{
	min-height:var(--BtnH);
	border-radius:8px;
	font-size:13px;
	line-height:17px;
}

.Btn{
	padding:0 13px;
}

.Modal{
	scrollbar-width:thin;
	scrollbar-color:rgba(225, 238, 233, .24) transparent;
}

.WorkModal,
.Debug{
	scrollbar-width:thin;
	scrollbar-color:rgba(225, 238, 233, .28) transparent;
}

.Modal::-webkit-scrollbar,
.WorkModal::-webkit-scrollbar,
.Debug::-webkit-scrollbar{
	width:8px;
	height:8px;
}

.Modal::-webkit-scrollbar-thumb,
.WorkModal::-webkit-scrollbar-thumb,
.Debug::-webkit-scrollbar-thumb{
	background:rgba(225, 238, 233, .22);
	border-radius:999px;
	border:2px solid transparent;
	background-clip:content-box;
}

.Modal::-webkit-scrollbar-track,
.WorkModal::-webkit-scrollbar-track,
.Debug::-webkit-scrollbar-track{
	background:transparent;
}

.Modal__card{
	padding:clamp(15px, 3vw, 20px);
}

.WorkModal{
	width:min(100%, 600px);
	margin-top:clamp(10px, 5vh, 64px);
	max-height:calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	overflow-y:auto;
	overscroll-behavior:contain;
	scroll-padding-bottom:96px;
	padding-bottom:calc(24px + env(safe-area-inset-bottom));
}

@media (max-width: 520px){
	.WorkModal{
		margin-top:0;
	}
}

#TransferModal .WorkModal,
#ReceiveModal .WorkModal{
	padding-bottom:calc(28px + env(safe-area-inset-bottom));
}

.HomeBrand{
	margin-bottom:8px;
}

img.HomeBrand__mark{
	flex:0 0 38px;
	display:block;
	border-radius:0;
	background:none;
	box-shadow:none;
	object-fit:contain;
}

.ActionGrid{
	gap:10px;
	margin:14px 0;
}

.ActionBtn{
	flex-direction:row;
	justify-content:flex-start;
	padding:14px;
}

.ActionBtn .ActionBtn__icon{
	position:relative;
	flex:0 0 34px;
	display:block;
	background:rgba(79, 240, 200, .12);
	border:1px solid rgba(79, 240, 200, .24);
}

.ActionBtn .ActionBtn__icon::before,
.ActionBtn .ActionBtn__icon::after{
	content:"";
	position:absolute;
}

.ActionBtn--send .ActionBtn__icon::before{
	left:10px;
	top:11px;
	width:14px;
	height:2px;
	border-radius:999px;
	background:#baf9e8;
}

.ActionBtn--send .ActionBtn__icon::after{
	right:9px;
	top:8px;
	width:9px;
	height:9px;
	border-top:2px solid #baf9e8;
	border-right:2px solid #baf9e8;
	transform:rotate(45deg);
}

.ActionBtn--receive .ActionBtn__icon::before{
	left:16px;
	top:8px;
	width:2px;
	height:15px;
	border-radius:999px;
	background:#baf9e8;
}

.ActionBtn--receive .ActionBtn__icon::after{
	left:10px;
	top:16px;
	width:12px;
	height:12px;
	border-right:2px solid #baf9e8;
	border-bottom:2px solid #baf9e8;
	transform:rotate(45deg);
}

.ActionBtn__copy{
	display:block;
	min-width:0;
}

.ActionCard{
	gap:10px;
}

.ActionCard__buttons .Btn{
	padding-left:34px;
}

.Btn.videoBtn::before,
.Btn.audioBtn::before{
	width:18px;
	height:18px;
	left:11px;
	opacity:.86;
}

.HomeSecondary{
	gap:8px;
}

.FlowBlock{
	margin:10px 0;
	background:rgba(255, 255, 255, .038);
}

.FlowBlock__head{
	margin-bottom:10px;
}

.StepBadge{
	width:24px;
	height:24px;
	font-size:12px;
}

.FlowBlock__hint{
	margin-top:3px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
}

html[data-theme] body .FlowBlock__hint{
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
	opacity:1;
}

.TransferItem__label{
	font-size:11px;
	line-height:15px;
}

.FlowBlock--collapsible{
	padding:0;
	overflow:hidden;
}

.FlowBlock__summary{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:11px;
	cursor:pointer;
	list-style:none;
}

.Disclosure > summary{
	display:flex;
	align-items:center;
	gap:12px;
	box-sizing:border-box;
	width:100%;
	min-height:var(--ControlHeight, 48px);
	padding:12px 14px;
	list-style:none;
	cursor:pointer;
	border:1px solid var(--ColorBorderControl);
	border-radius:var(--RadiusControl, 12px);
	background:var(--Surface);
	color:var(--ColorText);
}
.Disclosure > summary::-webkit-details-marker{display:none;}
.Disclosure > summary::marker{content:"";}
.Disclosure > summary:hover{background:var(--ColorSelectedBg);}
.Disclosure > summary::after{
	content:"";
	flex:0 0 8px;
	width:8px;
	height:8px;
	margin-left:auto;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
}
.Disclosure[open] > summary{margin-bottom:12px;}
.Disclosure[open] > summary::after{transform:rotate(225deg);}

.FlowBlock__summary::-webkit-details-marker{
	display:none;
}

.FlowBlock__summary::after{
	content:"";
	width:8px;
	height:8px;
	margin:7px 2px 0 auto;
	border-right:2px solid rgba(218, 228, 225, .66);
	border-bottom:2px solid rgba(218, 228, 225, .66);
	transform:rotate(45deg);
	transition:transform .16s ease;
}

.FlowBlock--collapsible[open] .FlowBlock__summary::after{
	transform:rotate(225deg);
	margin-top:10px;
}

.Input,
.Select{
	min-height:42px;
	font-size:14px;
}

.Textarea{
	min-height:108px;
	line-height:20px;
}

.FileInput{
	min-height:48px;
}

.CheckLine{
	min-height:40px;
	gap:var(--ControlGap);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

.CheckLine input:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.CheckLine:has(input:disabled){
	color:var(--ColorTextSubtle);
	cursor:not-allowed;
}

.SafetyHint,
.TransferSafetyNote{
	margin:10px 0;
	padding:9px 10px;
	border-radius:8px;
	background:rgba(244, 199, 106, .08);
	border:1px solid rgba(244, 199, 106, .18);
	font-size:12px;
	line-height:17px;
}

.SafetyHint{
	display:grid;
	gap:3px;
}

.TransferStatus{
	margin-top:10px;
	font-size:12px;
	line-height:18px;
}

.ReceiveConnected{
	margin:10px 0;
	padding:11px;
}

.ReceiveConnected__title{
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
}

.ReceiveConnected__text{
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.ReceiveCode{
	margin:12px 0;
}

.CodeValue{
	font-size:36px;
	line-height:40px;
}

.CodeMeta{
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
}

.QrCard{
	margin:10px 0;
}

.QrBox{
	min-height:204px;
}

.WaitPanel{
	margin-top:12px;
	padding:12px;
}

.InboxHead{
	margin:16px 0 8px;
	font-size:16px;
	line-height:21px;
}

.IncomingList{
	gap:9px;
}

.TransferCard{
	padding:11px;
}

.TransferCard__title{
	font-size:15px;
	line-height:20px;
}

.TransferCard__warning{
	display:inline-flex;
	width:fit-content;
	max-width:100%;
	margin-top:7px;
	padding:4px 7px;
	border-radius:8px;
	background:rgba(244, 199, 106, .12);
	border:1px solid rgba(244, 199, 106, .24);
	color:#ffe3a2;
	font-size:11px;
	line-height:15px;
	font-weight:720;
}

.TransferItem{
	padding:10px;
}

.TransferItem--danger{
	border-color:rgba(255, 129, 122, .36);
	background:rgba(255, 129, 122, .07);
}

.TransferItem--suspicious{
	border-color:rgba(244, 199, 106, .30);
	background:rgba(244, 199, 106, .055);
}

.TransferItem__name{
	font-size:14px;
	line-height:20px;
}

.TransferItem pre{
	font-size:13px;
	line-height:20px;
}

@media (max-width: 520px){
	.Modal{
		padding:
			calc(10px + env(safe-area-inset-top))
			calc(10px + env(safe-area-inset-right))
			calc(10px + env(safe-area-inset-bottom))
			calc(10px + env(safe-area-inset-left));
	}

	.AppHome{
		min-height:calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		min-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	}

	img.HomeBrand__mark{
		width:34px;
		height:34px;
		flex-basis:34px;
	}

	.ActionBtn,
	.ActionCard{
		min-height:88px;
	}

	.CodeValue{
		font-size:31px;
		line-height:35px;
	}

	.QrBox{
		min-height:188px;
	}
}

.ActionBtn .ActionBtn__icon{
	display:flex;
	flex:0 0 36px;
	padding:0;
	line-height:0;
	font-size:0;
	text-align:center;
	overflow:hidden;
	background:rgba(79, 240, 200, .10);
	border-color:rgba(79, 240, 200, .22);
}

.ActionBtn .ActionBtn__icon svg{
	margin:0;
	transform:none;
}

.ActionBtn.ActionBtn--receive .ActionBtn__icon{
	background:rgba(119, 215, 255, .10);
	border-color:rgba(119, 215, 255, .22);
	color:#d9f5ff;
}

.TransferScanChoice{
	margin-top:6px;
	padding-top:3px;
}

.TransferScanChoice__divider{
	align-items:center;
	gap:10px;
	margin:0 0 8px;
	font-size:11px;
	line-height:15px;
	font-weight:750;
	text-transform:uppercase;
}

.TransferScanChoice__divider::before,
.TransferScanChoice__divider::after{
	content:"";
	height:1px;
	flex:1;
	background:rgba(225, 238, 233, .10);
}

.Btn.Ghost{
	background:rgba(255, 255, 255, .026);
	border-color:rgba(225, 238, 233, .10);
	color:rgba(243, 247, 244, .74);
	box-shadow:none;
}

.Btn.Ghost:hover{
	background:rgba(255, 255, 255, .07);
	border-color:rgba(225, 238, 233, .18);
	color:rgba(243, 247, 244, .92);
}

.Btn.Quiet{
	min-height:38px;
	background:rgba(255, 255, 255, .028);
	border-color:rgba(225, 238, 233, .10);
	color:rgba(243, 247, 244, .70);
	box-shadow:none;
}

.Btn.Quiet:hover{
	background:rgba(255, 255, 255, .065);
	border-color:rgba(225, 238, 233, .18);
	color:rgba(243, 247, 244, .88);
}

.SafetyHint,
.TransferSafetyNote{
	background:rgba(244, 199, 106, .12);
	border-color:rgba(244, 199, 106, .32);
	box-shadow:inset 3px 0 0 rgba(244, 199, 106, .62);
	font-weight:620;
}

.TransferStatus{
	padding-left:10px;
	border-left:3px solid rgba(79, 240, 200, .48);
	font-weight:650;
}

.ReceiveCode{
	gap:12px;
}

.CodeCopyButton{
	width:auto;
	min-width:0;
	min-height:0;
	height:auto;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	margin:0;
	padding:2px 7px 3px;
	border:1px solid rgba(79, 240, 200, .16);
	background:rgba(79, 240, 200, .06);
	font:inherit;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size:36px;
	line-height:40px;
	font-weight:780;
	letter-spacing:0;
	cursor:pointer;
	box-shadow:none;
}

.CodeCopyButton:hover,
.CodeCopyButton:focus-visible{
	background:rgba(79, 240, 200, .14);
	border-color:rgba(79, 240, 200, .42);
	box-shadow:0 0 0 3px rgba(79, 240, 200, .12);
}

.TrustedRecipient{
	margin:8px 0 10px;
	padding:10px;
	border:1px solid rgba(125, 216, 184, .18);
	border-radius:8px;
	background:rgba(79, 240, 200, .045);
}

.TrustedRecipient__head{
	display:flex;
	justify-content:space-between;
}

.TrustedRecipient__summary{
	margin-top:3px;
	color:rgba(218, 228, 225, .74);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.TrustedRecipient__actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
}

.TrustedRecipient__actions .Btn{
	min-height:36px;
	padding:8px 10px;
}

.TrustedRecipientList{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
	gap:8px;
	margin-top:10px;
}

.TrustedRecipientChoice{
	min-width:0;
	min-height:40px;
	padding:9px 10px;
	border:1px solid rgba(225, 238, 233, .12);
	background:rgba(255, 255, 255, .055);
	color:rgba(243, 247, 244, .92);
	font:inherit;
	font-size:13px;
	line-height:17px;
	font-weight:720;
	text-align:left;
	cursor:pointer;
	overflow-wrap:anywhere;
}

.TrustedRecipientChoice:hover,
.TrustedRecipientChoice:focus-visible{
	background:rgba(79, 240, 200, .12);
	border-color:rgba(79, 240, 200, .34);
	outline:none;
}

.PushControl{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin:10px 0 12px;
	padding:10px;
	border:1px solid rgba(125, 216, 184, .18);
	border-radius:8px;
	background:rgba(79, 240, 200, .045);
}

.PushControl__copy{
	min-width:0;
}

.PushControl__status{
	margin-top:3px;
	color:rgba(218, 228, 225, .80);
	font-weight:650;
}

.PushControl__actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
}

.PushControl__actions .Btn{
	min-height:36px;
	padding:8px 10px;
}

.TrustInvitePanel{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(150px, 190px);
	gap:12px;
	align-items:start;
	margin:10px 0;
	padding:10px;
	border:1px solid rgba(125, 216, 184, .18);
	border-radius:8px;
	background:rgba(255, 255, 255, .04);
}

.TrustInvitePanel.IsHidden{
	display:none;
}

.TrustInviteCode{
	width:auto;
	max-width:100%;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	margin:3px 0 0;
	padding:3px 8px 4px;
	border-radius:8px;
	border:1px solid rgba(79, 240, 200, .18);
	background:rgba(79, 240, 200, .07);
	color:#e8fff8;
	font:inherit;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size:30px;
	line-height:34px;
	font-weight:780;
	letter-spacing:0;
	cursor:pointer;
	overflow-wrap:anywhere;
}

.TrustInviteCode:hover,
.TrustInviteCode:focus-visible{
	background:rgba(79, 240, 200, .14);
	border-color:rgba(79, 240, 200, .42);
	outline:none;
}

.TrustQrBox{
	min-height:190px;
	padding:10px;
}

.TrustInvitePanel .Wide{
	grid-column:1 / -1;
}

.TrustedContactCard .TransferCard__badge{
	min-width:72px;
}

.Btn:disabled,
.Btn:disabled:hover{
	opacity:.52;
	cursor:not-allowed;
	transform:none;
	box-shadow:none;
}

@media (max-width: 640px){
	.TrustedRecipient__head{
		align-items:stretch;
		flex-direction:column;
	}

	.TrustedRecipient__actions{
		width:100%;
	}

	.TrustedRecipient__actions .Btn{
		flex:1 1 0;
	}

	.PushControl{
		align-items:stretch;
		flex-direction:column;
	}

	.PushControl__actions{
		width:100%;
	}

	.PushControl__actions .Btn{
		flex:1 1 0;
	}

	.TrustInvitePanel{
		grid-template-columns:1fr;
	}

	.TrustQrBox{
		min-height:188px;
	}
}

.CodeCopyButton:active{
	transform:translateY(1px);
}

.CodeCopyHint{
	margin-top:3px;
	color:rgba(218, 228, 225, .56);
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
	font-weight:400;
}

.ReceiveConnected__actions{
	grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr);
}

.Toast{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:12px 14px;
	border-radius:10px;
	background:rgba(20, 26, 28, .98);
	border:1px solid rgba(225, 238, 233, .20);
	color:#f6fbf8;
	font-weight:760;
	text-align:left;
	box-shadow:0 18px 48px rgba(0, 0, 0, .48);
}

.Toast::before{
	content:"";
	flex:0 0 auto;
	width:8px;
	height:8px;
	margin-top:5px;
	border-radius:50%;
	background:#77d7ff;
	box-shadow:0 0 0 4px rgba(119, 215, 255, .14);
}

.Toast--success{
	border-color:rgba(79, 240, 200, .42);
	background:rgba(12, 47, 42, .98);
}

.Toast--success::before{
	background:#4ff0c8;
	box-shadow:0 0 0 4px rgba(79, 240, 200, .18);
}

.Toast--warning{
	border-color:rgba(244, 199, 106, .52);
	background:rgba(58, 42, 15, .98);
	color:#fff4d0;
}

.Toast--warning::before{
	background:#f4c76a;
	box-shadow:0 0 0 4px rgba(244, 199, 106, .18);
}

.Toast--error{
	border-color:rgba(255, 129, 122, .58);
	background:rgba(60, 24, 24, .98);
	color:#ffe5e2;
}

.Toast--error::before{
	background:#ff817a;
	box-shadow:0 0 0 4px rgba(255, 129, 122, .18);
}

.UpdatePrompt{
	position:fixed;
	left:50%;
	bottom:142px;
	transform:translateX(-50%);
	z-index:190;
	display:flex;
	align-items:center;
	gap:10px;
	width:min(420px, calc(100vw - 28px));
	padding:10px 12px;
	border-radius:10px;
	border:1px solid rgba(225, 238, 233, .22);
	background:rgba(20, 26, 28, .98);
	color:#f6fbf8;
	box-shadow:0 18px 48px rgba(0, 0, 0, .44);
	font-size:13px;
	line-height:18px;
	font-weight:760;
}

.UpdatePrompt span{
	flex:1 1 auto;
	min-width:0;
}

.UpdatePrompt .Btn{
	flex:0 0 auto;
	min-height:38px;
	height:38px;
	padding:0 12px;
	white-space:nowrap;
}

@media (max-width: 520px){
	.ActionBtn .ActionBtn__icon svg{
		width:24px;
		height:24px;
		flex-basis:20px;
	}

	.TransferScanChoice{
		margin-top:8px;
	}

	.CodeCopyButton{
		font-size:31px;
		line-height:35px;
		padding:2px 6px 3px;
	}

	.CodeCopyHint{
		font-size:var(--TypeCaptionSize);
		line-height:var(--TypeCaptionLine);
	}
}

html,
body{
	max-width:100%;
	overflow-x:hidden;
}

:root,
html[data-theme="dark"]{
	--Faint:rgba(243, 241, 234, .14);
}

html[data-theme="light"]{
	--PanelBg:rgba(255, 255, 255, .94);
	--Faint:rgba(16, 24, 22, .18);
}

html[data-theme="light"],
html[data-theme="light"] body{
	background:#eef3ef;
	color:var(--Text);
}

html[data-theme="light"] body{
	background:linear-gradient(180deg, #fbfdfb 0%, #edf4f0 52%, #dfe9e5 100%);
}

html[data-theme="light"] .VideoStage{
	background:#e8efeb;
}

html[data-theme="light"] .Modal__backdrop{
	background:rgba(235, 241, 237, .72);
}

html[data-theme="light"] .Modal__card,
html[data-theme="light"] .TopInfo,
html[data-theme="light"] .BottomBar,
html[data-theme="light"] .Debug,
html[data-theme="light"] .Toast,
html[data-theme="light"] .UpdatePrompt{
	background:var(--Panel);
	border-color:var(--Border);
	color:var(--Text);
	box-shadow:0 22px 60px rgba(25, 42, 39, .16);
}

html[data-theme="light"] .Btn,
html[data-theme="light"] button,
html[data-theme="light"] [type="button"],
html[data-theme="light"] [type="reset"],
html[data-theme="light"] [type="submit"]{
	background:rgba(18, 64, 58, .07);
	border-color:var(--Border);
	color:var(--Text);
}

html[data-theme="light"] .Btn:hover,
html[data-theme="light"] button:hover{
	background:rgba(18, 64, 58, .11);
	border-color:rgba(15, 111, 92, .32);
}

html[data-theme="light"] .Btn.Secondary,
html[data-theme="light"] .Btn.Ghost,
html[data-theme="light"] .Btn.Quiet{
	background:rgba(23, 33, 31, .045);
	border-color:var(--Border);
	color:#243531;
}

html[data-theme="light"] .Btn.Good{
	background:var(--ColorPrimaryBg);
	border-color:rgba(20, 125, 104, .55);
	color:var(--ColorPrimaryText);
}

html[data-theme="light"] .Btn.Danger{
	background:rgba(180, 55, 48, .10);
	border-color:rgba(180, 55, 48, .34);
	color:#8b211c;
}

html[data-theme="light"] .Input,
html[data-theme="light"] .Select{
	background:rgba(255, 255, 255, .78);
	border-color:var(--Border);
	color:var(--Text);
}

html[data-theme="light"] .Input::placeholder{
	color:var(--ColorTextSubtle);
	opacity:1;
}

html[data-theme="light"] .ActionBtn,
html[data-theme="light"] .ActionCard,
html[data-theme="light"] .FlowBlock,
html[data-theme="light"] .TransferCard,
html[data-theme="light"] .TrustedRecipient,
html[data-theme="light"] .PushControl,
html[data-theme="light"] .TrustInvitePanel,
html[data-theme="light"] .AliasCard,
html[data-theme="light"] .TrustTabPanel,
html[data-theme="light"] .PageCard,
html[data-theme="light"] .AdminCard,
html[data-theme="light"] .EmptyState,
html[data-theme="light"] .ReceiveCode,
html[data-theme="light"] .WaitPanel{
	background:var(--Surface);
	border-color:var(--Border);
	color:var(--Text);
	box-shadow:none;
}

html[data-theme="light"] .ActionBtn small,
html[data-theme="light"] .ActionCard__copy small,
html[data-theme="light"] .HomeLead,
html[data-theme="light"] .Modal__hint,
html[data-theme="light"] .TransferCard__meta,
html[data-theme="light"] .TransferItem__label,
html[data-theme="light"] .TransferItem__meta,
html[data-theme="light"] .TrustedRecipient__summary,
html[data-theme="light"] .PushControl__status,
html[data-theme="light"] .AliasHint,
html[data-theme="light"] .PageLead,
html[data-theme="light"] .AdminMeta,
html[data-theme="light"] .CodeMeta,
html[data-theme="light"] .CodeCopyHint,
html[data-theme="light"] .ReceiveConnected__text,
html[data-theme="light"] .WaitPanel__text{
	color:var(--Muted);
}

html[data-theme="light"] .SafetyHint,
html[data-theme="light"] .TransferSafetyNote{
	background:rgba(183, 132, 28, .10);
	border-color:rgba(183, 132, 28, .26);
}

html[data-theme="light"] .QrCard,
html[data-theme="light"] .QrBox{
	background:#fff;
	color:#17211f;
}

html[data-theme="light"] .NavItem{
	background:rgba(16, 24, 22, .045);
	border-color:var(--Border);
}

html[data-theme="light"] .NavItem:hover,
html[data-theme="light"] .NavItem:focus-visible{
	border-color:rgba(15, 111, 92, .38);
}

html[data-theme="light"] .ThemeBlock{
	border-top-color:var(--Border);
}

html[data-theme="light"] .ActionBtn .ActionBtn__icon{
	background:rgba(15, 111, 92, .12);
	border-color:rgba(15, 111, 92, .28);
}

html[data-theme="light"] .ActionBtn .ActionBtn__icon svg{
	stroke:#075547;
}

html[data-theme="light"] .ActionBtn--send .ActionBtn__icon::before,
html[data-theme="light"] .ActionBtn--receive .ActionBtn__icon::before{
	background:#075547;
}

html[data-theme="light"] .ActionBtn--send .ActionBtn__icon::after,
html[data-theme="light"] .ActionBtn--receive .ActionBtn__icon::after{
	border-color:#075547;
}

html[data-theme="light"] .StepBadge{
	background:rgba(15, 111, 92, .13);
	color:#075547;
}

html[data-theme="light"] .TransferCard__badge{
	background:rgba(15, 111, 92, .10);
	border:1px solid rgba(15, 111, 92, .22);
	color:#174f45;
}

html[data-theme="light"] .EmptyState{
	color:var(--Muted);
}

html[data-theme="light"] .Btn:disabled,
html[data-theme="light"] .Btn:disabled:hover,
html[data-theme="light"] button:disabled,
html[data-theme="light"] button:disabled:hover{
	background:#edf3f0;
	border-color:#c7d6d0;
	color:#60756f;
	opacity:1;
	cursor:not-allowed;
	transform:none;
	box-shadow:none;
}

html[data-theme="light"] .Input:disabled,
html[data-theme="light"] .Select:disabled,
html[data-theme="light"] .Textarea:disabled{
	background:var(--ColorSurfaceMuted);
	border-color:var(--ColorBorder);
	color:var(--ColorTextSubtle);
	opacity:1;
	-webkit-text-fill-color:var(--ColorTextSubtle);
}

.HomeHeader{
	display:flex;
	justify-content:space-between;
	min-width:0;
}

.HomeHeader .HomeBrand{
	min-width:0;
	margin-bottom:0;
}

.HomeBrand__name{
	overflow-wrap:anywhere;
}

.IconBtn,
.BtnMenu{
	width:42px;
	min-width:42px;
	height:42px;
	min-height:42px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0;
	border-radius:8px;
	font-size:22px;
	line-height:1;
}

.BtnMenu{
	margin-left:auto;
}

.Modal__card{
	max-width:100%;
}

.ModalMenuBtn{
	position:absolute;
	top:12px;
	right:12px;
	z-index:2;
}

.ModalMenuBtn + .Modal__title,
.ModalMenuBtn + .Modal__title + .Modal__hint{
	padding-right:52px;
}

.NavDrawer{
	width:min(100%, 420px);
	margin:clamp(10px, 7vh, 64px) auto 14px;
}

.NavDrawer__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
}

.NavList{
	display:grid;
	grid-template-columns:1fr;
	margin:6px 0 14px;
}

.NavItem{
	box-sizing:border-box;
	appearance:none;
	-webkit-appearance:none;
	width:100%;
	justify-content:flex-start;
	padding:10px 12px;
	border:1px solid rgba(225, 238, 233, .12);
	font:inherit;
	text-align:left;
	text-decoration:none;
	white-space:normal;
	overflow-wrap:anywhere;
	cursor:pointer;
}

.NavItem:hover,
.NavItem:focus-visible{
	border-color:rgba(125, 216, 184, .32);
}

.NavProfile{
	margin:10px 0 12px;
	border:1px solid var(--Border);
	background:var(--Surface);
}

.NavProfile__copy{
	min-width:0;
}

.NavProfile__value{
	color:var(--Text);
	overflow-wrap:anywhere;
}

.NavProfile__value.IsEmpty{
	color:var(--Muted);
}

.NavProfile__actions .Btn{
	flex:1 1 118px;
	padding:7px 10px;
	font-size:13px;
	line-height:16px;
	white-space:normal;
}

.ThemeBlock{
	border-top:1px solid rgba(225, 238, 233, .12);
}

.ThemeSwitch{
	display:grid;
}

.ThemeChoice{
	width:100%;
	min-width:0;
	padding:0 8px;
	white-space:normal;
}

.ThemeChoice.IsActive{
	border-color:rgba(125, 216, 184, .62);
}

.OpenCodeCard{
	width:min(100%, 520px);
}

.CodeTypeHints{
	display:grid;
	gap:6px;
	margin-top:12px;
	padding:10px 11px;
	border:1px solid var(--Border);
	border-radius:8px;
	background:var(--Surface);
	color:var(--Muted);
	font-size:12px;
	line-height:17px;
}

.CodeExplainer{
	margin-top:6px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.CapabilityFallbackCard{
	width:min(100%, 520px);
}

.PageBody{
	min-height:100vh;
	background:var(--Bg);
	color:var(--Text);
}

.PageBody .logoWrapper{
	margin:0 auto;
	padding:16px 18px 0;
}

.PageShell{
	margin:14px auto 32px;
}

.PageCard{
	border:1px solid var(--Border);
	background:var(--Panel);
}

.PageTitle{
	margin:0 0 8px;
	letter-spacing:0;
}

.PageLead{
	max-width:720px;
	margin:0 0 16px;
}

.PageSection{
	margin:14px 0;
	padding-top:14px;
	border-top:1px solid var(--Border);
}

.PageSection h2{
	margin:0 0 8px;
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
}

.PageSection p{
	margin:0;
	color:var(--Muted);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.PageList{
	margin:8px 0 0 18px;
	padding:0;
	color:var(--Muted);
}

.PageList li{
	margin:5px 0;
}

.PageActions{
	display:flex;
	margin-top:16px;
}

.DiagWrap .AdminGrid{
	margin-top:16px;
}

.AdminCard{
	border-color:var(--Border);
	background:var(--Surface);
	color:var(--Text);
}

.AdminSub,
.AdminLabel,
.AdminMeta{
	color:var(--Muted);
	opacity:1;
}

.AdminPre{
	background:var(--SurfaceAlt);
	border-color:var(--Border);
	color:var(--Text);
}

.ActionCard__buttons .Btn,
.Btn.videoBtn,
.Btn.audioBtn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	text-align:center;
	line-height:18px;
}

.ActionCard__buttons .Btn{
	padding:0 14px;
}

.Btn.videoBtn::before,
.Btn.audioBtn::before{
	position:static;
	flex:0 0 22px;
	transform:none;
	margin:0;
}

.Tabs{
	min-width:0;
}

.Tabs__list,
.TrustTabs{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	margin:14px 0 12px;
}

.Tabs__button,
.TrustTab{
	position:relative;
	width:100%;
	min-width:0;
	height:auto;
	padding:8px 10px;
	border:1px solid var(--Border);
	font:inherit;
	font-size:13px;
	line-height:17px;
	font-weight:760;
	white-space:normal;
	overflow-wrap:anywhere;
	transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.Tabs__button:hover,
.TrustTab:hover{
	background:var(--SurfaceStrong);
}

.Tabs__button--active,
.TrustTab.IsActive{
	background:var(--SurfaceStrong);
	border-color:var(--Accent);
	box-shadow:inset 0 -3px 0 var(--Accent);
}

.Tabs__button:focus-visible,
.TrustTab:focus-visible{
	outline:3px solid rgba(125, 216, 184, .95);
	outline-offset:2px;
}

html[data-theme="light"] .Tabs__button,
html[data-theme="light"] .TrustTab{
	background:#f8fbfa;
	border-color:var(--Border);
	color:#314842;
}

html[data-theme="light"] .Tabs__button:hover,
html[data-theme="light"] .TrustTab:hover{
	background:var(--SurfaceStrong);
	border-color:rgba(15, 111, 92, .38);
	color:var(--Text);
}

html[data-theme="light"] .Tabs__button--active,
html[data-theme="light"] .TrustTab.IsActive{
	background:#e3f0ec;
	border-color:var(--Accent);
	box-shadow:inset 0 -3px 0 var(--Accent);
}

.TrustPanels{
	min-width:0;
	margin-bottom:14px;
}

.Tabs__panel,
.TrustTabPanel{
	min-width:0;
	padding:12px;
	border:1px solid var(--Border);
	border-radius:8px;
	background:var(--Surface);
}

.AliasCard{
	min-width:0;
	padding:12px;
	border:1px solid var(--Border);
	border-radius:8px;
	background:var(--SurfaceAlt);
}

.AliasValue{
	margin-top:5px;
	font-size:24px;
	line-height:30px;
	font-weight:780;
	overflow-wrap:anywhere;
}

.AliasValue.IsEmpty{
	font-size:18px;
	line-height:24px;
	color:var(--Muted);
}

.AliasHint{
	margin-top:7px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.AliasQrBox{
	width:min(100%, 220px);
	min-height:210px;
	margin-top:10px;
	padding:10px;
}

.TrustActions{
	flex-wrap:wrap;
	align-items:stretch;
	gap:8px;
	margin-top:10px;
}

.TrustActions .Btn,
.TrustActions a.Btn{
	flex:1 1 142px;
	min-width:0;
	white-space:normal;
}

.TrustPanelStatus{
	margin-top:10px;
	min-height:20px;
	color:var(--Success);
	font-weight:680;
}

.TrustedContactsHead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin:14px 0 8px;
	padding-top:12px;
	border-top:1px solid var(--Border);
}

.TrustedContactsHead .Btn{
	min-height:36px;
	height:auto;
}

.CapabilityNote{
	margin-top:7px;
	color:#f4c76a;
	font-size:12px;
	line-height:16px;
	font-weight:700;
}

.TrustHelp{
	margin:10px 0;
	padding:10px 11px;
	border-radius:8px;
	background:rgba(244, 199, 106, .10);
	border:1px solid rgba(244, 199, 106, .24);
	color:rgba(255, 246, 220, .86);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
}

.EmptyState__title{
	color:var(--Text);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.EmptyState__text{
	color:var(--Muted);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.EmptyState__actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-top:10px;
}

.EmptyState__actions .Btn{
	flex:1 1 150px;
	min-width:0;
	min-height:38px;
	font-size:13px;
	line-height:17px;
	white-space:normal;
}

html[data-theme="light"] .CapabilityNote{
	color:#7d5611;
}

html[data-theme="light"] .TrustHelp{
	background:rgba(183, 132, 28, .10);
	border-color:rgba(183, 132, 28, .24);
	color:#5f4310;
}

.ReceiveConnected__actions,
.TransferCard__actions{
	min-width:0;
	flex-wrap:wrap;
}

.Modal__row .Btn,
.Modal__row a.Btn,
.ReceiveConnected__actions .Btn,
.TransferCard__actions .Btn{
	min-width:0;
	white-space:normal;
	overflow-wrap:anywhere;
}

.HomeSecondary{
	grid-template-columns:1fr;
	align-self:flex-start;
}

.HomeSecondary .Btn{
	min-width:0;
	white-space:normal;
	overflow-wrap:anywhere;
}

@media (min-width: 620px){
	.HomeSecondary{
		grid-template-columns:1fr;
	}
}

@media (max-width: 640px){
	.ThemeSwitch{
		grid-template-columns:1fr;
	}

	.OpenCodeCard .Modal__row{
		flex-direction:column;
	}

	.Tabs__list,
	.TrustTabs{
		grid-template-columns:1fr;
	}

	.TrustedContactsHead{
		align-items:stretch;
		flex-direction:column;
	}

	.TrustedContactsHead .Btn{
		width:100%;
	}
}

@media (max-width: 520px){
	.AdminGrid{
		grid-template-columns:minmax(0, 1fr);
	}

	.AppHome{
		width:100%;
		overflow:hidden;
	}

	.HomeHeader{
		align-items:flex-start;
	}

	.HomeLead{
		max-width:100%;
	}

	.ActionGrid,
	.ActionGrid--primary,
	.HomeSecondary,
	.ActionCard__buttons{
		grid-template-columns:minmax(0, 1fr);
	}

	.ActionCard__buttons .Btn{
		min-width:0;
		width:100%;
	}

	.Modal__row,
	.TrustActions,
	.NavProfile__actions,
	.EmptyState__actions,
	.ReceiveConnected__actions,
	.TransferCard__actions{
		flex-direction:column;
		align-items:stretch;
	}

	.Modal__row .Btn,
	.Modal__row a.Btn,
	.TrustActions .Btn,
	.NavProfile__actions .Btn,
	.EmptyState__actions .Btn,
	.ReceiveConnected__actions .Btn,
	.TransferCard__actions .Btn{
		width:100%;
		flex:1 1 auto;
	}

	.AliasValue{
		font-size:20px;
		line-height:26px;
	}

	.HomeSecondary{
		max-width:none;
		margin-top:6px;
		padding-top:4px;
	}

	.NavDrawer{
		margin:0 auto;
	}
}

.InboxBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:22px;
	height:22px;
	margin-left:6px;
	padding:0 7px;
	border-radius:999px;
	background:var(--Accent);
	color:var(--AccentText);
	font-size:12px;
	line-height:1;
	font-weight:800;
	vertical-align:middle;
}

.CallInviteStatus{
	margin:12px 0;
	padding:11px 12px;
	border:1px solid var(--Border);
	border-radius:8px;
	background:var(--SurfaceAlt);
	color:var(--Text);
	font-size:13px;
	line-height:19px;
	font-weight:700;
}

#IncomingCallModal .Btn{
	border-color:var(--Muted);
}

#IncomingCallModal .Btn:focus-visible{
	outline-color:var(--ColorFocus);
}

#IncomingCallModal .Btn:disabled{
	background:var(--Surface);
	color:var(--Muted);
	opacity:1;
	box-shadow:none;
}

.BottomBar .BtnScan{
	min-width:132px;
}

@media (min-width: 760px){
	.ActionGrid--primary{
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}
}

body{
	background:
		linear-gradient(180deg, var(--BgLift) 0%, var(--Bg) 44%, #060908 100%);
}

html[data-theme="light"] body{
	background:
		linear-gradient(180deg, #F9FCFA 0%, var(--Bg) 56%, #DDE8E3 100%);
}

.logo b{
	background-image:url(../img/alena-icon.svg);
}

#StartModal,
#TransferModal,
#ReceiveModal,
#TrustedModal,
#OpenCodeModal{
	padding-bottom:calc(var(--BottomNavH) + 18px + env(safe-area-inset-bottom));
}

#StartModal .Modal__backdrop,
#TransferModal .Modal__backdrop,
#ReceiveModal .Modal__backdrop,
#TrustedModal .Modal__backdrop,
#OpenCodeModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(17, 25, 22, .98) 0%, rgba(10, 14, 13, .98) 100%);
	backdrop-filter:none;
}

html[data-theme="light"] #StartModal .Modal__backdrop,
html[data-theme="light"] #TransferModal .Modal__backdrop,
html[data-theme="light"] #ReceiveModal .Modal__backdrop,
html[data-theme="light"] #TrustedModal .Modal__backdrop,
html[data-theme="light"] #OpenCodeModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(246, 250, 248, .98) 0%, rgba(231, 239, 235, .98) 100%);
}

.Modal__card{
	background:var(--Panel);
	border:1px solid var(--Border);
}

#StartModal .Modal__card,
#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card,
#OpenCodeModal .Modal__card{
	width:min(100%, var(--AppMaxW));
	margin:calc(14px + env(safe-area-inset-top)) auto 16px;
	overflow-y:auto;
	overscroll-behavior:contain;
	scroll-padding-bottom:calc(var(--BottomNavH) + 18px);
}

#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card{
	width:min(100%, var(--WorkMaxW));
}

.AppHome{
	display:flex;
	min-height:calc(100dvh - var(--BottomNavH) - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	flex-direction:column;
}

.HomeHeader{
	order:0;
	align-items:center;
}

.HomeBrand{
	gap:12px;
	margin:0;
	color:var(--Text);
	letter-spacing:0;
}

img.HomeBrand__mark{
	flex:0 0 42px;
	filter:drop-shadow(0 8px 18px rgba(47, 224, 182, .18));
}

.HomeBrand__name{
	color:var(--Text);
	white-space:nowrap;
}

.HomeTrustPill{
	order:1;
	width:max-content;
	max-width:100%;
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:18px 0 12px;
	padding:8px 12px;
	border:1px solid rgba(47, 224, 182, .28);
	border-radius:999px;
	background:rgba(47, 224, 182, .10);
	font-weight:780;
	overflow-wrap:anywhere;
}

html[data-theme="light"] .HomeTrustPill{
	background:rgba(17, 126, 103, .10);
	border-color:rgba(17, 126, 103, .24);
	color:#0A5B4A;
}

.HomeLead{
	order:2;
	margin:0 0 22px;
}

.ActionGrid,
.ActionGrid--primary{
	order:3;
	display:grid;
	grid-template-columns:minmax(0, 1fr) !important;
	margin:0;
}

.HomeSecondary{
	order:4;
	width:100%;
	max-width:none;
	margin:18px 0 0;
}

.ActionBtn,
.ActionCard{
	position:relative;
	border:1px solid rgba(95, 114, 109, .44);
	background:linear-gradient(180deg, rgba(27, 36, 34, .98), rgba(20, 28, 26, .98));
}

html[data-theme="light"] .ActionBtn,
html[data-theme="light"] .ActionCard{
	background:linear-gradient(180deg, #FBFEFC, #F2F8F5);
	border-color:var(--Border);
	box-shadow:0 14px 30px rgba(27, 49, 44, .09);
}

.ActionBtn{
	display:flex;
	align-items:center;
	padding:16px 42px 16px 18px;
	text-align:left;
}

.ActionBtn::after{
	content:"";
	position:absolute;
	top:50%;
	border-right:2px solid var(--MutedSoft);
	border-bottom:2px solid var(--MutedSoft);
	transform:translateY(-50%) rotate(-45deg);
}

.ActionBtn:hover{
	border-color:rgba(47, 224, 182, .42);
	background:linear-gradient(180deg, rgba(31, 43, 40, .98), rgba(21, 31, 28, .98));
	box-shadow:0 18px 42px rgba(0, 0, 0, .24);
}

html[data-theme="light"] .ActionBtn:hover{
	background:linear-gradient(180deg, #FFFFFF, #EAF6F1);
	border-color:rgba(17, 126, 103, .34);
}

.ActionBtn .ActionBtn__icon{
	flex:0 0 52px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(47, 224, 182, .13);
	border:1px solid rgba(47, 224, 182, .25);
}

.ActionBtn .ActionBtn__icon::before,
.ActionBtn .ActionBtn__icon::after{
	display:none;
}

.ActionBtn .ActionBtn__icon svg{
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.ActionBtn__copy > span,
.ActionCard__copy span{
	color:var(--Text);
}

.ActionBtn__copy small,
.ActionCard__copy small{
	margin-top:4px;
	font-weight:400;
}

.ActionCard__buttons{
	grid-template-columns:repeat(2, minmax(0, 1fr));
}

.ActionCard__buttons .Btn{
	width:100%;
	min-width:0;
	white-space:normal;
}

.Btn,
button,
[type="button"],
[type="reset"],
[type="submit"]{
	min-height:48px;
}

.Btn.Good{
	border-color:rgba(47, 224, 182, .68);
	box-shadow:0 12px 28px rgba(47, 224, 182, .18);
}

.Btn.Good:hover{
	background:linear-gradient(180deg, #72F2D2, var(--AccentHover));
	border-color:rgba(194, 255, 239, .86);
}

html[data-theme="light"] .Btn.Good:hover{
	background:var(--ColorPrimaryHover);
	border-color:rgba(17, 126, 103, .54);
}

.Btn.Secondary,
.Btn.Quiet,
.Btn.Ghost{
	background:rgba(255, 255, 255, .045);
	border-color:var(--Border);
	color:var(--Text);
}

html[data-theme="light"] .Btn.Secondary{
	background:var(--ColorSurfaceMuted);
	border-color:var(--ColorBorderControl);
	color:var(--ColorText);
}

html[data-theme="light"] .Btn.Quiet,
html[data-theme="light"] .Btn.Ghost{
	background:transparent;
	border-color:transparent;
	color:var(--ColorText);
}

html[data-theme="light"] .Btn.Secondary:hover,
html[data-theme="light"] .Btn.Quiet:hover,
html[data-theme="light"] .Btn.Ghost:hover{
	background:var(--ColorSelectedBg);
	border-color:var(--ColorBorderControl);
}

.Input,
.Select,
.Textarea{
	border:1px solid var(--Border);
	background:rgba(255, 255, 255, .055);
}

.Input:focus,
.Select:focus,
.Textarea:focus{
	box-shadow:0 0 0 3px rgba(47, 224, 182, .18);
}

html[data-theme="light"] .Input,
html[data-theme="light"] .Select,
html[data-theme="light"] .Textarea{
	background:#FFFFFF;
	color:var(--Text);
}

.FlowBlock,
.TrustedRecipient,
.PushControl,
.TrustTabPanel,
.AliasCard,
.TrustInvitePanel,
.ReceiveCode,
.WaitPanel,
.TransferCard,
.EmptyState,
.CodeTypeHints{
	border-radius:var(--Radius);
	border-color:var(--Border);
	background:var(--Surface);
	box-shadow:none;
}

.StepBadge,
.InboxBadge{
	background:rgba(47, 224, 182, .14);
	border:1px solid rgba(47, 224, 182, .26);
}

.SafetyHint,
.TrustHelp,
.CallInviteStatus{
	border-radius:var(--Radius);
}

.QrCard{
	border:1px solid var(--Border);
	background:var(--Surface);
}

.QrBox,
.AliasQrBox,
.TrustQrBox{
	border:1px solid rgba(10, 14, 13, .12);
}

.QrBox canvas,
.QrBox img{
	max-width:100%;
	height:auto;
	image-rendering:auto;
}

.NavDrawer{
	margin:calc(12px + env(safe-area-inset-top)) auto calc(16px + env(safe-area-inset-bottom));
}

.NavItem{
	border-color:var(--Border);
	background:var(--Surface);
}

.NavItem:hover,
.NavItem:focus-visible{
	border-color:rgba(47, 224, 182, .38);
	background:var(--SurfaceStrong);
}

.ThemeSwitch{
	grid-template-columns:repeat(3, minmax(0, 1fr));
}

.ThemeChoice{
	min-height:44px;
	border-radius:var(--Radius);
}

.ThemeChoice.IsActive{
	background:var(--Accent);
	border-color:rgba(47, 224, 182, .70);
	color:var(--AccentText);
}

.BottomAppNav{
	position:fixed;
	width:min(calc(100vw - 20px), var(--AppMaxW));
	border:1px solid rgba(95, 114, 109, .38);
	background:rgba(10, 14, 13, .92);
	color:var(--MutedSoft);
	box-shadow:0 20px 48px rgba(0, 0, 0, .40);
	backdrop-filter:blur(18px);
}

html[data-theme="light"] .BottomAppNav{
	background:rgba(255, 255, 255, .94);
	border-color:var(--Border);
	color:var(--Muted);
	box-shadow:0 18px 42px rgba(27, 49, 44, .16);
}

.BottomAppNav__item{
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:5px 2px;
	border:0;
	background:transparent;
	box-shadow:none;
	white-space:nowrap;
}

.BottomAppNav__item:hover,
.BottomAppNav__item:focus-visible{
	background:rgba(255, 255, 255, .06);
	box-shadow:none;
}

html[data-theme="light"] .BottomAppNav__item:hover,
html[data-theme="light"] .BottomAppNav__item:focus-visible{
	background:rgba(17, 126, 103, .08);
}

.BottomAppNav__icon{
	display:flex;
	align-items:center;
	justify-content:center;
}

.BottomAppNav__icon svg{
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#QrModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#ScanModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#SinkModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#PermModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#AuthModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#IncomingCallModal:not(.IsHidden) ~ .VideoStage .BottomAppNav{
	display:none !important;
}

.TopInfo,
.BottomBar{
	border-radius:var(--Radius);
	border:1px solid rgba(95, 114, 109, .38);
	background:rgba(10, 14, 13, .78);
	box-shadow:0 18px 44px rgba(0, 0, 0, .30);
}

.SideControls{
	gap:9px;
}

.CtrlBtn{
	border-color:rgba(95, 114, 109, .42);
	background:rgba(10, 14, 13, .70);
}

.Toast,
.UpdatePrompt{
	border-color:var(--Border);
	background:rgba(18, 25, 23, .98);
	color:var(--Text);
}

.UpdatePrompt{
	bottom:calc(var(--BottomNavH) + 22px + env(safe-area-inset-bottom));
}

@media (max-width:520px){
	#StartModal,
	#TransferModal,
	#ReceiveModal,
	#TrustedModal,
	#OpenCodeModal{
		padding:
			calc(8px + env(safe-area-inset-top))
			calc(8px + env(safe-area-inset-right))
			calc(var(--BottomNavH) + 16px + env(safe-area-inset-bottom))
			calc(8px + env(safe-area-inset-left));
	}

	.ActionCard__buttons{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	.ActionCard__buttons .Btn{
		min-height:52px;
		padding:0 10px;
		font-size:15px;
	}

	.Modal__row{
		gap:9px;
	}
}

:root,
html[data-theme="dark"]{

	--TypePageSize:24px;
	--TypePageLine:30px;
	--TypeSectionSize:18px;
	--TypeSectionLine:24px;
	--TypeBodySize:14px;
	--TypeBodyLine:20px;
	--TypeSmallSize:13px;
	--TypeSmallLine:18px;
	--TypeCaptionSize:12px;
	--TypeCaptionLine:16px;
	--TypeTitleWeight:700;
	color-scheme:dark;
	--Surface:#111B1A;
	--SurfaceAlt:#13211F;
	--SurfaceStrong:#152320;
	--Text:#F1F6F4;
	--Muted:#A9B6B2;
	--MutedSoft:#99AAA5;
	--Border:rgba(95, 114, 109, .35);
	--BorderStrong:rgba(47, 224, 182, .50);
	--Accent:#2FE0B6;
	--AccentHover:#38E8C0;
	--AccentDeep:#11B991;
	--AccentText:#061210;
	--Info:#27C8F2;
	--Warning:#F1C55D;
	--Error:#FF6862;
	--Success:#2FE0B6;

	--ControlHeight:44px;
	--ControlHeightLarge:48px;
	--ControlRadius:18px;
	--ControlGap:8px;
	--ControlPadding:14px;
	--ColorDangerBg:#512521;
	--ColorDangerText:#FFE1DE;
	--ColorBackground:var(--Bg);
	--ColorSurface:var(--Surface);
	--ColorSurfaceMuted:var(--SurfaceAlt);
	--ColorText:var(--Text);
	--ColorTextMuted:var(--Muted);
	--ColorTextSubtle:#A9B6B2;
	--ColorBorder:var(--Border);
	--ColorBorderControl:#718A82;
	--ColorPrimaryBg:linear-gradient(180deg, #42EAC5 0%, var(--Accent) 52%, #19C59F 100%);
	--ColorPrimaryText:var(--AccentText);
	--ColorPrimaryHover:linear-gradient(180deg, #6AF2D3 0%, var(--AccentHover) 60%, #20D2AA 100%);
	--ColorPrimaryPressed:linear-gradient(#19C59F, #19C59F);
	--ColorSelectedBg:#102E27;
	--ColorSelectedText:#B8FFEA;
	--ColorFocus:#2FE0B6;
	--Radius:26px;
	--RadiusSheet:30px;
	--RadiusControl:20px;
	--RadiusSmall:16px;
	--AppMaxW:390px;
	--WorkMaxW:560px;
	--BottomNavH:78px;
	--ShellShadow:
		0 34px 90px rgba(0, 0, 0, .50),
		0 0 0 1px rgba(47, 224, 182, .045),
		0 0 44px rgba(47, 224, 182, .06);
	--PanelShadow:
		0 20px 52px rgba(0, 0, 0, .34),
		inset 0 1px 0 rgba(255, 255, 255, .035);
}

html[data-theme="light"]{
	color-scheme:light;
	--BgLift:#F7FBF8;
	--PanelSolid:#FFFFFF;
	--MutedSoft:#617B75;
	--BorderStrong:rgba(17, 126, 103, .44);
	--AccentHover:#16B998;
	--AccentDeep:#08735E;
	--Info:#0D77B5;
	--Warning:#8B640E;
	--Error:#B3342E;
	--Success:#0D8F73;
	--ColorDangerBg:#FBE8E6;
	--ColorDangerText:#8B211C;
	--Radius:26px;
	--RadiusSheet:30px;
	--RadiusControl:20px;
	--RadiusSmall:16px;
	--AppMaxW:390px;
	--WorkMaxW:560px;
	--BottomNavH:78px;
	--ShellShadow:
		0 28px 70px rgba(35, 59, 53, .18),
		0 0 0 1px rgba(255, 255, 255, .75);
	--PanelShadow:
		0 18px 42px rgba(35, 59, 53, .12),
		inset 0 1px 0 rgba(255, 255, 255, .90);
}

html,
body{
	background:var(--Bg);
	color:var(--Text);
	letter-spacing:0;
}

body{
	background:
		linear-gradient(180deg, var(--BgLift) 0%, var(--Bg) 42%, #030505 100%);
}

html[data-theme="light"] body{
	background:
		linear-gradient(180deg, #FBFEFC 0%, var(--Bg) 58%, #DDE8E3 100%);
}

.VideoStage{
	background:
		linear-gradient(180deg, rgba(9, 28, 24, .82) 0%, rgba(4, 7, 7, .98) 45%, #020303 100%);
}

.VideoStage::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:
		linear-gradient(150deg, rgba(47, 224, 182, .075) 0%, rgba(47, 224, 182, 0) 32%),
		linear-gradient(0deg, rgba(47, 224, 182, .08) 0%, rgba(47, 224, 182, 0) 24%);
}

.VideoRemote,
.VideoLocal,
.TopInfo,
.BottomBar,
.SideControls,
.BottomAppNav{
	z-index:1;
}

.VideoRemote{
	background-color:transparent;
}

.VideoStage.audio .VideoRemote,
.VideoStage.video .VideoRemote{
	background-size:min(38vw, 180px) min(38vw, 180px);
	filter:drop-shadow(0 18px 42px rgba(47, 224, 182, .12));
}

.VideoLocal,
.VideoStage.Flipped .VideoRemote{
	border-radius:24px;
	border:1px solid rgba(95, 114, 109, .38);
	box-shadow:0 20px 54px rgba(0, 0, 0, .42);
}

.TopInfo{
	left:50%;
	right:auto;
	top:calc(14px + env(safe-area-inset-top));
	width:min(calc(100% - 28px), 610px);
	max-width:min(calc(100% - 28px), 610px);
	padding:12px;
	border-radius:24px;
	border:1px solid rgba(95, 114, 109, .38);
	background:rgba(12, 20, 19, .82);
	box-shadow:0 20px 58px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);
	backdrop-filter:blur(22px);
	transform:translateX(-50%);
}

.TopInfo .Small{
	color:var(--Muted);
	opacity:1;
}

.Presence{
	border-radius:999px;
	background:rgba(255, 255, 255, .095);
	border:1px solid rgba(255, 255, 255, .08);
}

.BottomBar{
	left:50%;
	right:auto;
	bottom:calc(20px + env(safe-area-inset-bottom));
	width:min(calc(100% - 28px), 610px);
	border-radius:26px;
	border:1px solid rgba(95, 114, 109, .38);
	background:rgba(8, 13, 12, .84);
	box-shadow:0 22px 62px rgba(0, 0, 0, .46), 0 0 42px rgba(47, 224, 182, .055);
	backdrop-filter:blur(24px);
	transform:translateX(-50%);
}

.CtrlBtn{
	width:58px;
	height:58px;
	min-width:58px;
	min-height:58px;
	border-radius:22px;
	border-color:rgba(95, 114, 109, .44);
	background:rgba(21, 35, 32, .88);
	color:var(--Text);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045);
}

.CtrlBtn:hover,
.CtrlBtn:focus-visible{
	border-color:rgba(47, 224, 182, .48);
	background:var(--ColorSelectedBg);
	box-shadow:0 12px 32px rgba(47, 224, 182, .10), inset 0 1px 0 rgba(255, 255, 255, .07);
}

.CtrlBtn.IsOff{
	border-color:rgba(255, 104, 98, .72);
	background:rgba(255, 104, 98, .13);
	box-shadow:0 12px 30px rgba(255, 82, 76, .10), inset 0 0 0 1px rgba(255, 104, 98, .10);
}

.Btn.Danger:not(.BtnHangup):not(:disabled),
html[data-theme="light"] .Btn.Danger:not(.BtnHangup):not(:disabled){
	background:var(--ColorDangerBg);
	border-color:var(--ColorDangerText);
	color:var(--ColorDangerText);
	box-shadow:none;
}

.Btn.Danger:not(.BtnHangup):not(:disabled):hover{
	box-shadow:inset 0 0 0 1px var(--ColorDangerText);
}

.Btn.Danger.BtnHangup,
.CtrlBtn.BtnHangup{
	background:linear-gradient(180deg, #FF6862, #ED4444);
	border-color:rgba(255, 130, 124, .68);
	color:#FFFFFF;
	box-shadow:0 16px 36px rgba(237, 68, 68, .25);
}

.Btn,
button,
[type="button"],
[type="reset"],
[type="submit"]{
	border-radius:var(--RadiusControl);
	border-color:var(--Border);
	font-weight:760;
	letter-spacing:0;
}

.Btn:hover,
button:hover{
	box-shadow:0 12px 30px rgba(47, 224, 182, .08);
}

.Btn:active,
button:active{
	transform:translateY(1px);
}

.Btn:focus-visible,
button:focus-visible,
.IconBtn:focus-visible,
.Input:focus-visible,
.Select:focus-visible,
.Textarea:focus-visible,
.NavItem:focus-visible,
.BottomAppNav__item:focus-visible,
.Tabs__button:focus-visible,
.TrustTab:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.Btn.Good{
	background:var(--ColorPrimaryBg);
	border-color:rgba(47, 224, 182, .74);
	color:var(--ColorPrimaryText);
	box-shadow:
		0 16px 36px rgba(47, 224, 182, .20),
		inset 0 1px 0 rgba(255, 255, 255, .30);
}

.Btn.Good:hover,
.Btn.Good:focus-visible,
.Btn.Good.audioBtn:hover,
.Btn.Good.videoBtn:hover,
.Btn.Good.audioBtn:focus-visible,
.Btn.Good.videoBtn:focus-visible{
	background:var(--ColorPrimaryHover);
	border-color:rgba(197, 255, 239, .82);
	box-shadow:
		0 20px 44px rgba(47, 224, 182, .28),
		inset 0 1px 0 rgba(255, 255, 255, .34);
}

.Btn.Good:active:not(:disabled),
html[data-theme="light"] .Btn.Good:active:not(:disabled){
	background:var(--ColorPrimaryPressed);
}

.Btn.Secondary{
	background:var(--ColorSurfaceMuted);
	border-color:var(--ColorBorderControl);
	color:var(--ColorText);
	box-shadow:none;
}

.Btn.Quiet,
.Btn.Ghost{
	background:transparent;
	border-color:transparent;
	color:var(--ColorText);
	box-shadow:none;
}

.Btn.Secondary:hover,
.Btn.Quiet:hover,
.Btn.Ghost:hover{
	background:var(--ColorSelectedBg);
	border-color:var(--ColorBorderControl);
	color:var(--ColorText);
}

.Btn:disabled,
.Btn:disabled:hover,
button:disabled,
button:disabled:hover{
	opacity:.48;
	box-shadow:none;
	transform:none;
}

.Modal{
	padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));
}

.Modal__backdrop{
	background:rgba(0, 0, 0, .64);
	backdrop-filter:blur(20px);
}

.Modal__card{
	border-radius:var(--RadiusSheet);
	border:1px solid rgba(95, 114, 109, .40);
	background:
		linear-gradient(180deg, rgba(19, 33, 31, .98), rgba(12, 20, 19, .99));
	color:var(--Text);
	box-shadow:var(--ShellShadow);
}

#StartModal .Modal__backdrop,
#TransferModal .Modal__backdrop,
#ReceiveModal .Modal__backdrop,
#TrustedModal .Modal__backdrop,
#OpenCodeModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(8, 20, 17, .98) 0%, rgba(4, 7, 7, .995) 55%, rgba(3, 5, 5, 1) 100%);
}

#StartModal .Modal__card,
#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card,
#OpenCodeModal .Modal__card{
	padding:22px;
	border-radius:var(--RadiusSheet);
	border-color:rgba(95, 114, 109, .42);
	background:
		linear-gradient(180deg, rgba(15, 27, 25, .98), rgba(8, 15, 14, .99));
	box-shadow:var(--ShellShadow);
}

#PermModal .Modal__card,
#QrModal .Modal__card,
#AuthModal .Modal__card,
#IncomingCallModal .Modal__card,
#CapabilityFallbackModal .Modal__card,
#SinkModal .Modal__card,
#ScanModal .Modal__card{
	width:min(calc(100vw - 28px), 610px);
	padding:26px;
	border-radius:var(--RadiusSheet);
	background:
		linear-gradient(180deg, rgba(17, 29, 27, .98), rgba(10, 17, 16, .99));
}

.Modal__title{
	margin:0 0 8px;
	color:var(--Text);
	letter-spacing:0;
	font-weight:var(--TypeTitleWeight);
	font-size:var(--TypePageSize);
	line-height:var(--TypePageLine);
}

.Modal__hint{
	margin:0 0 12px;
	color:var(--Muted);
	font-weight:400;
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	opacity:1;
}

.Modal__row{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	min-width:0;
	flex-wrap:wrap;
	margin-top:14px;
	gap:12px;
}

.HomeHeader{
	gap:14px;
	margin-bottom:2px;
}

.HomeBrand{
	font-weight:880;
}

img.HomeBrand__mark{
	filter:drop-shadow(0 12px 24px rgba(47, 224, 182, .20));
}

.HomeTrustPill{
	margin:16px 0 13px;
	padding:8px 13px;
	border-color:rgba(47, 224, 182, .42);
	background:rgba(47, 224, 182, .12);
	color:#B7FFEB;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055);
}

.HomeLead{
	color:#B9C6C1;
	font-weight:650;
}

.ActionBtn,
.ActionCard{
	border-color:rgba(95, 114, 109, .42);
	background:
		linear-gradient(180deg, rgba(20, 32, 30, .98), rgba(13, 22, 20, .99));
	box-shadow:var(--PanelShadow);
}

.ActionBtn{
	padding:17px 45px 17px 18px;
}

.ActionBtn::after{
	border-color:rgba(169, 182, 178, .78);
}

.ActionBtn:hover,
.ActionBtn:focus-visible{
	border-color:rgba(47, 224, 182, .50);
	background:
		linear-gradient(180deg, rgba(22, 40, 36, .99), rgba(13, 24, 22, .99));
	box-shadow:
		0 22px 62px rgba(0, 0, 0, .38),
		0 0 34px rgba(47, 224, 182, .075),
		inset 0 1px 0 rgba(255, 255, 255, .055);
}

.ActionBtn .ActionBtn__icon{
	background:linear-gradient(180deg, rgba(47, 224, 182, .18), rgba(47, 224, 182, .07));
	border-color:rgba(47, 224, 182, .34);
	color:var(--Accent);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06);
}

.ActionBtn--receive .ActionBtn__icon{
	background:linear-gradient(180deg, rgba(39, 200, 242, .16), rgba(39, 200, 242, .07));
	border-color:rgba(39, 200, 242, .32);
	color:#3ED5FF;
}

.ActionBtn--inbox .ActionBtn__icon{
	background:linear-gradient(180deg, rgba(47, 224, 182, .15), rgba(47, 224, 182, .055));
}

.ActionBtn__copy small,
.ActionCard__copy small{
	color:#B2C0BB;
}

.ActionCard{
	border-color:rgba(47, 224, 182, .22);
}

.FlowBlock,
.TrustedRecipient,
.PushControl,
.TrustTabPanel,
.AliasCard,
.TrustInvitePanel,
.ReceiveCode,
.ReceiveConnected,
.WaitPanel,
.TransferCard,
.TransferItem,
.EmptyState,
.CodeTypeHints{
	border-radius:26px;
	border-color:rgba(95, 114, 109, .36);
	background:
		linear-gradient(180deg, rgba(19, 33, 31, .94), rgba(13, 22, 20, .96));
	box-shadow:var(--PanelShadow);
}

.FlowBlock{
	padding:18px;
}

.FlowBlock__head{
	gap:12px;
}

.StepBadge,
.InboxBadge{
	border-radius:999px;
	background:linear-gradient(180deg, #38E8C0, #21C7A3);
	border-color:rgba(47, 224, 182, .62);
	color:#05221C;
	box-shadow:0 10px 22px rgba(47, 224, 182, .20);
}

.FlowBlock__title{
	color:var(--Text);
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
	font-weight:var(--TypeTitleWeight);
}

.TransferItem__label,
.TransferItem__meta{
	color:var(--Muted);
}

.Input,
.Select,
.Textarea{
	min-height:var(--ControlHeight);
	border-radius:var(--ControlRadius);
	border-color:var(--ColorBorderControl);
	background:rgba(5, 10, 9, .66);
	color:var(--Text);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .03);
}

.Textarea{
	height:120px;
	padding:14px var(--ControlPadding);
}

.Input::placeholder,
.Textarea::placeholder{
	color:var(--ColorTextSubtle);
	opacity:1;
}

.Input:focus,
.Select:focus,
.Textarea:focus{
	border-color:var(--ColorFocus);
	background:rgba(8, 15, 14, .86);
	box-shadow:
		0 0 0 4px rgba(47, 224, 182, .16),
		inset 0 1px 0 rgba(255, 255, 255, .04);
}

.Input:disabled,
.Select:disabled,
.Textarea:disabled{
	opacity:1;
	background:var(--ColorSurfaceMuted);
	color:var(--ColorTextSubtle);
	border-color:var(--ColorBorder);
	-webkit-text-fill-color:var(--ColorTextSubtle);
	cursor:not-allowed;
}

.Input:hover:not(:disabled),
.Select:hover:not(:disabled),
.Textarea:hover:not(:disabled){
	border-color:var(--ColorFocus);
}

.Input[aria-invalid="true"]:not(:disabled),
.Select[aria-invalid="true"]:not(:disabled),
.Textarea[aria-invalid="true"]:not(:disabled){
	border-color:var(--ColorDangerText);
}

.FileInput{
	width:100%;
	padding:8px;
	border-radius:12px;
	border-color:var(--ColorBorderControl);
	background:var(--Surface);
}

html[data-theme] body .FileInput::file-selector-button{
	min-height:36px;
	padding:6px 12px;
	margin-right:12px;
	border:1px solid var(--ColorBorderControl);
	border-radius:8px;
	background:var(--SurfaceStrong);
	color:var(--Text);
	cursor:pointer;
}

.TransferScanChoice__divider{
	color:var(--Muted);
}

.SafetyHint,
.TransferSafetyNote,
.TrustHelp,
.CapabilityNote,
.CallInviteStatus{
	border-radius:20px;
}

.SafetyHint,
.TransferSafetyNote{
	background:rgba(241, 197, 93, .10);
	border-color:rgba(241, 197, 93, .34);
	color:#FFE9A8;
}

.TransferStatus{
	border-radius:18px;
	background:rgba(47, 224, 182, .10);
	border-color:rgba(47, 224, 182, .24);
	color:#B8FFEA;
}

.ReceiveCode{
	padding:18px;
	border-color:rgba(47, 224, 182, .28);
	background:
		linear-gradient(180deg, rgba(19, 44, 38, .96), rgba(12, 28, 25, .98));
}

.CodeValue,
.TrustInviteCode{
	border-radius:20px;
	background:rgba(4, 8, 8, .58);
	border:1px solid rgba(47, 224, 182, .28);
	color:var(--Text);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04);
}

.CodeCopyButton{
	border-radius:18px;
	background:rgba(47, 224, 182, .08);
	border-color:rgba(47, 224, 182, .20);
	color:var(--Accent);
}

.CodeCopyButton:hover,
.CodeCopyButton:focus-visible{
	background:rgba(47, 224, 182, .15);
	border-color:rgba(47, 224, 182, .46);
}

.QrCard{
	padding:14px;
	border-radius:28px;
	border-color:rgba(95, 114, 109, .36);
	background:
		linear-gradient(180deg, rgba(17, 29, 27, .96), rgba(12, 20, 19, .98));
	box-shadow:var(--PanelShadow);
}

.QrCard__label{
	margin-bottom:10px;
	color:var(--Muted);
	font-size:13px;
	line-height:18px;
	font-weight:820;
	text-align:center;
}

.QrBox,
.AliasQrBox,
.TrustQrBox{
	min-height:240px;
	padding:18px;
	border:1px solid rgba(8, 12, 11, .08);
	border-radius:24px;
	background:#FFFFFF !important;
	color:#000000;
	box-shadow:0 18px 42px rgba(0, 0, 0, .18);
}

.QrBox img,
.QrBox canvas,
.AliasQrBox img,
.TrustQrBox img{
	display:block;
	max-width:100%;
	height:auto;
}

.NavDrawer{
	width:min(100%, 430px);
	margin:calc(16px + env(safe-area-inset-top)) auto calc(16px + env(safe-area-inset-bottom));
}

.NavDrawer .Modal__card,
#NavModal .Modal__card{
	border-radius:var(--RadiusSheet);
}

.NavProfile{
	margin:14px 0 14px;
	padding:16px;
	border-radius:24px;
	border-color:rgba(47, 224, 182, .22);
	background:
		linear-gradient(180deg, rgba(19, 42, 37, .86), rgba(14, 28, 25, .94));
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04);
}

.NavProfile__value{
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
	font-weight:var(--TypeTitleWeight);
}

.NavProfile__actions .Btn{
	min-height:40px;
	border-radius:16px;
}

.NavList{
	gap:9px;
	margin:8px 0 18px;
}

.NavItem{
	position:relative;
	padding:13px 38px 13px 14px;
	border-radius:18px;
	border-color:rgba(95, 114, 109, .36);
	background:rgba(17, 27, 26, .82);
	color:var(--Text);
	font-weight:650;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .025);
}

.NavItem::after{
	content:"";
	position:absolute;
	right:16px;
	top:50%;
	width:8px;
	height:8px;
	border-right:2px solid rgba(169, 182, 178, .62);
	border-bottom:2px solid rgba(169, 182, 178, .62);
	transform:translateY(-50%) rotate(-45deg);
}

.NavItem:hover,
.NavItem:focus-visible{
	border-color:rgba(47, 224, 182, .42);
	background:rgba(22, 38, 35, .96);
}

.ThemeBlock{
	border-top-color:rgba(95, 114, 109, .28);
}

.ThemeSwitch{
	gap:8px;
	padding:5px;
	border-radius:24px;
	background:rgba(255, 255, 255, .035);
	border:1px solid var(--ColorBorderControl);
}

.BottomAppNav{
	width:min(calc(100vw - 22px), var(--AppMaxW));
	min-height:var(--BottomNavH);
	padding:7px;
	border-radius:26px;
	border-color:rgba(95, 114, 109, .42);
	background:rgba(4, 7, 7, .86);
	box-shadow:
		0 24px 60px rgba(0, 0, 0, .56),
		0 0 36px rgba(47, 224, 182, .06),
		inset 0 1px 0 rgba(255, 255, 255, .04);
	backdrop-filter:blur(24px);
}

.BottomAppNav__item{
	color:var(--ColorTextMuted);
	font-weight:790;
}

.BottomAppNav__item:hover,
.BottomAppNav__item:focus-visible{
	background:rgba(47, 224, 182, .08);
	color:var(--Text);
}

.BottomAppNav__item.IsActive{
	box-shadow:inset 0 0 0 1px rgba(47, 224, 182, .20);
}

.Toast,
.UpdatePrompt{
	border-radius:24px;
	border-color:rgba(95, 114, 109, .40);
	background:rgba(12, 20, 19, .98);
	box-shadow:0 22px 58px rgba(0, 0, 0, .42);
}

.PageBody{
	background:
		linear-gradient(180deg, var(--BgLift) 0%, var(--Bg) 52%, #030505 100%);
}

.PageBody .logoWrapper{
	width:min(100% - 28px, 980px);
	max-width:980px;
	padding:18px 0 0;
}

.PageShell{
	width:min(100% - 28px, 980px);
	margin:16px auto 38px;
}

.PageCard{
	padding:22px;
	border-radius:28px;
	border-color:rgba(95, 114, 109, .40);
	background:
		linear-gradient(180deg, rgba(17, 29, 27, .98), rgba(10, 17, 16, .99));
	box-shadow:var(--ShellShadow);
}

.PageTitle{
	margin-bottom:8px;
	color:var(--Text);
	font-size:var(--TypePageSize);
	line-height:var(--TypePageLine);
	font-weight:var(--TypeTitleWeight);
}

.PageLead{
	color:var(--Muted);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.PageSection{
	border-top-color:rgba(95, 114, 109, .32);
}

.AdminGrid{
	gap:14px;
}

.DiagWrap .AdminGrid{
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
	gap:14px;
}

.AdminCard{
	padding:18px;
	border-radius:24px;
	border-color:rgba(95, 114, 109, .38);
	background:
		linear-gradient(180deg, rgba(19, 33, 31, .96), rgba(12, 20, 19, .98));
	box-shadow:var(--PanelShadow);
}

.AdminLabel{
	color:#B7FFF0;
}

.AdminValue{
	color:var(--Text);
	font-size:30px;
	line-height:35px;
	font-weight:880;
}

.AdminMeta,
.AdminSub{
	color:var(--Muted);
}

.AdminPre{
	border-radius:20px;
	border-color:rgba(95, 114, 109, .34);
	background:rgba(4, 8, 8, .62);
}

.Tabs__list,
.TrustTabs{
	gap:8px;
	padding:5px;
	border-radius:24px;
	background:rgba(255, 255, 255, .035);
	border:1px solid rgba(95, 114, 109, .28);
}

.Tabs__button,
.TrustTab{
	min-height:46px;
	border-radius:18px;
	border-color:transparent;
	background:transparent;
	color:var(--Muted);
	box-shadow:none;
}

.Tabs__button:hover,
.TrustTab:hover{
	background:rgba(47, 224, 182, .08);
	border-color:transparent;
	color:var(--Text);
}

.Tabs__button--active,
.TrustTab.IsActive{
	background:linear-gradient(180deg, var(--AccentHover), var(--Accent));
	border-color:rgba(47, 224, 182, .62);
	color:var(--AccentText);
	box-shadow:0 10px 24px rgba(47, 224, 182, .18);
}

.TrustActions .Btn,
.TrustActions a.Btn,
.EmptyState__actions .Btn,
.TrustedContactsHead .Btn,
.ReceiveConnected__actions .Btn,
.TransferCard__actions .Btn,
.TransferItem__actions .Btn,
.Modal__row .Btn{
	min-height:var(--ControlHeight);
	border-radius:var(--ControlRadius);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

.InlineFields{
	display:flex;
	align-items:stretch;
	min-width:0;
	flex-wrap:wrap;
	gap:10px;
	margin:10px 0;
}

.InlineFields .Input{
	min-width:0;
}

.InlineFields .Btn{
	flex:0 0 auto;
	min-width:0;
	white-space:normal;
	overflow-wrap:anywhere;
	min-height:var(--ControlHeight);
	border-radius:var(--ControlRadius);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

html[data-theme] body .InlineFields{
	gap:12px;
}

@media (max-width:520px){
	.InlineFields{
		flex-direction:column;
		align-items:stretch;
		gap:9px;
	}

	.InlineFields .Btn{
		width:100%;
		flex:1 1 auto;
	}
}

.TrustedRecipientChoice{
	border-radius:20px;
	border-color:rgba(95, 114, 109, .36);
	background:rgba(5, 10, 9, .52);
}

.TrustedRecipientChoice:hover,
.TrustedRecipientChoice:focus-visible{
	border-color:rgba(47, 224, 182, .44);
	background:rgba(19, 35, 32, .92);
}

html[data-theme="light"] .VideoStage{
	background:
		linear-gradient(180deg, rgba(239, 247, 243, .96) 0%, rgba(224, 235, 230, .98) 100%);
}

html[data-theme="light"] .VideoStage::before{
	background:
		linear-gradient(150deg, rgba(16, 157, 128, .08) 0%, rgba(16, 157, 128, 0) 36%),
		linear-gradient(0deg, rgba(16, 157, 128, .10) 0%, rgba(16, 157, 128, 0) 28%);
}

html[data-theme="light"] .TopInfo,
html[data-theme="light"] .BottomBar,
html[data-theme="light"] .BottomAppNav,
html[data-theme="light"] .Modal__card,
html[data-theme="light"] .PageCard{
	background:rgba(255, 255, 255, .92);
	border-color:rgba(166, 189, 181, .72);
	box-shadow:var(--ShellShadow);
}

html[data-theme="light"] #StartModal .Modal__backdrop,
html[data-theme="light"] #TransferModal .Modal__backdrop,
html[data-theme="light"] #ReceiveModal .Modal__backdrop,
html[data-theme="light"] #TrustedModal .Modal__backdrop,
html[data-theme="light"] #OpenCodeModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(251, 254, 252, .98) 0%, rgba(229, 239, 234, .98) 100%);
}

html[data-theme="light"] #StartModal .Modal__card,
html[data-theme="light"] #TransferModal .Modal__card,
html[data-theme="light"] #ReceiveModal .Modal__card,
html[data-theme="light"] #TrustedModal .Modal__card,
html[data-theme="light"] #OpenCodeModal .Modal__card,
html[data-theme="light"] #PermModal .Modal__card,
html[data-theme="light"] #QrModal .Modal__card,
html[data-theme="light"] #AuthModal .Modal__card,
html[data-theme="light"] #IncomingCallModal .Modal__card,
html[data-theme="light"] #CapabilityFallbackModal .Modal__card,
html[data-theme="light"] #SinkModal .Modal__card,
html[data-theme="light"] #ScanModal .Modal__card{
	background:rgba(255, 255, 255, .95);
	border-color:rgba(166, 189, 181, .72);
}

html[data-theme="light"] .HomeLead,
html[data-theme="light"] .ActionBtn__copy small,
html[data-theme="light"] .ActionCard__copy small{
	color:var(--Muted);
}

html[data-theme="light"] .ActionBtn,
html[data-theme="light"] .ActionCard,
html[data-theme="light"] .FlowBlock,
html[data-theme="light"] .TrustedRecipient,
html[data-theme="light"] .PushControl,
html[data-theme="light"] .TrustTabPanel,
html[data-theme="light"] .AliasCard,
html[data-theme="light"] .TrustInvitePanel,
html[data-theme="light"] .ReceiveCode,
html[data-theme="light"] .ReceiveConnected,
html[data-theme="light"] .WaitPanel,
html[data-theme="light"] .TransferCard,
html[data-theme="light"] .TransferItem,
html[data-theme="light"] .EmptyState,
html[data-theme="light"] .CodeTypeHints,
html[data-theme="light"] .AdminCard,
html[data-theme="light"] .QrCard{
	background:linear-gradient(180deg, #FFFFFF, #F4FAF7);
	border-color:rgba(183, 203, 196, .82);
	box-shadow:var(--PanelShadow);
}

html[data-theme="light"] .ActionBtn:hover,
html[data-theme="light"] .ActionBtn:focus-visible{
	background:linear-gradient(180deg, #FFFFFF, #EAF6F1);
	border-color:rgba(16, 157, 128, .36);
	box-shadow:0 20px 52px rgba(35, 59, 53, .14);
}

html[data-theme="light"] .ActionBtn .ActionBtn__icon{
	background:linear-gradient(180deg, rgba(16, 157, 128, .12), rgba(16, 157, 128, .06));
	border-color:rgba(16, 157, 128, .26);
	color:#0C7D66;
}

html[data-theme="light"] .ActionBtn--receive .ActionBtn__icon{
	background:linear-gradient(180deg, rgba(13, 119, 181, .11), rgba(13, 119, 181, .05));
	border-color:rgba(13, 119, 181, .24);
	color:#0D77B5;
}

html[data-theme="light"] .Input,
html[data-theme="light"] .Select,
html[data-theme="light"] .Textarea,
html[data-theme="light"] .FileInput,
html[data-theme="light"] .CodeValue,
html[data-theme="light"] .TrustInviteCode,
html[data-theme="light"] .TrustedRecipientChoice{
	background:rgba(255, 255, 255, .92);
	border-color:rgba(183, 203, 196, .88);
	color:var(--Text);
}

html[data-theme="light"] .Input,
html[data-theme="light"] .Select,
html[data-theme="light"] .Textarea{
	border-color:var(--ColorBorderControl);
}

html[data-theme="light"] .Input:hover:not(:disabled),
html[data-theme="light"] .Select:hover:not(:disabled),
html[data-theme="light"] .Textarea:hover:not(:disabled){
	border-color:var(--ColorFocus);
}

html[data-theme="light"] .Input[aria-invalid="true"]:not(:disabled),
html[data-theme="light"] .Select[aria-invalid="true"]:not(:disabled),
html[data-theme="light"] .Textarea[aria-invalid="true"]:not(:disabled){
	border-color:var(--ColorDangerText);
}

html[data-theme="light"] .Input:focus,
html[data-theme="light"] .Select:focus,
html[data-theme="light"] .Textarea:focus{
	background:#FFFFFF;
	border-color:var(--ColorFocus);
	box-shadow:0 0 0 4px rgba(16, 157, 128, .16);
}

html[data-theme="light"] .SafetyHint,
html[data-theme="light"] .TransferSafetyNote{
	background:rgba(241, 197, 93, .16);
	border-color:rgba(194, 142, 34, .34);
	color:#76520B;
}

html[data-theme="light"] .TransferStatus{
	background:rgba(16, 157, 128, .10);
	border-color:rgba(16, 157, 128, .24);
	color:#0B6855;
}

html[data-theme="light"] .NavProfile{
	background:linear-gradient(180deg, #F7FCF9, #EAF5F0);
	border-color:rgba(16, 157, 128, .22);
}

html[data-theme="light"] .NavItem{
	background:rgba(255, 255, 255, .72);
	border-color:rgba(183, 203, 196, .78);
	color:var(--Text);
}

html[data-theme="light"] .NavItem:hover,
html[data-theme="light"] .NavItem:focus-visible{
	background:#FFFFFF;
	border-color:rgba(16, 157, 128, .34);
}

html[data-theme="light"] .ThemeSwitch,
html[data-theme="light"] .Tabs__list,
html[data-theme="light"] .TrustTabs{
	background:rgba(237, 245, 241, .92);
	border-color:rgba(183, 203, 196, .76);
}

html[data-theme="light"] .ThemeChoice,
html[data-theme="light"] .Tabs__button,
html[data-theme="light"] .TrustTab{
	color:var(--Muted);
}

html[data-theme="light"] .Tabs__button--active,
html[data-theme="light"] .TrustTab.IsActive{
	background:linear-gradient(180deg, var(--AccentHover), var(--Accent));
	color:var(--AccentText);
	box-shadow:0 10px 24px rgba(16, 157, 128, .18);
}

html[data-theme="light"] .BottomAppNav__item:hover,
html[data-theme="light"] .BottomAppNav__item:focus-visible{
	background:rgba(16, 157, 128, .08);
	color:var(--Text);
}

html[data-theme="light"] .BottomAppNav__item.IsActive{
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	box-shadow:inset 0 0 0 1px var(--ColorSelectedText);
}

html[data-theme="light"] .QrBox,
html[data-theme="light"] .AliasQrBox,
html[data-theme="light"] .TrustQrBox{
	background:#FFFFFF !important;
	border-color:rgba(8, 12, 11, .08);
	box-shadow:0 18px 38px rgba(35, 59, 53, .10);
}

@media (max-width:520px){
	.Modal{
		padding:
			calc(10px + env(safe-area-inset-top))
			calc(10px + env(safe-area-inset-right))
			calc(10px + env(safe-area-inset-bottom))
			calc(10px + env(safe-area-inset-left));
	}

	#StartModal,
	#TransferModal,
	#ReceiveModal,
	#TrustedModal,
	#OpenCodeModal{
		padding:
			calc(10px + env(safe-area-inset-top))
			calc(10px + env(safe-area-inset-right))
			calc(var(--BottomNavH) + 18px + env(safe-area-inset-bottom))
			calc(10px + env(safe-area-inset-left));
	}

	#StartModal .Modal__card,
	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		width:min(100%, var(--AppMaxW));
		margin:0 auto 12px;
	}

	#PermModal .Modal__card{
		width:min(calc(100vw - 52px), 330px);
		margin:22vh auto 12px;
		padding:24px;
		text-align:center;
	}

	#QrModal .Modal__card{
		width:100%;
		margin:auto auto 0;
		padding:24px 20px calc(18px + env(safe-area-inset-bottom));
		border-radius:30px 30px 0 0;
	}

	#QrModal .Modal__card::before{
		content:"";
		display:block;
		width:44px;
		height:5px;
		margin:0 auto 18px;
		border-radius:999px;
		background:rgba(169, 182, 178, .42);
	}

	.TopInfo{
		top:calc(10px + env(safe-area-inset-top));
		width:min(calc(100% - 26px), var(--AppMaxW));
		max-width:min(calc(100% - 26px), var(--AppMaxW));
		padding:10px 12px;
		border-radius:22px;
	}

	.BottomBar{
		bottom:calc(16px + env(safe-area-inset-bottom));
		width:min(calc(100% - 30px), 330px);
		gap:10px;
		padding:0;
		border:0;
		background:transparent;
		box-shadow:none;
		backdrop-filter:none;
	}

	.CtrlBtn{
		width:60px;
		height:60px;
		min-width:60px;
		min-height:60px;
		border-radius:50%;
		background:rgba(20, 34, 31, .88);
		box-shadow:0 14px 36px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .055);
	}

	.FlowBlock{
		padding:17px;
	}

	.QrCard{
		padding:12px;
	}

	.QrBox,
	.AliasQrBox,
	.TrustQrBox{
		min-height:224px;
		padding:16px;
		border-radius:22px;
	}

	.PageShell,
	.PageBody .logoWrapper{
		width:min(100% - 30px, var(--AppMaxW));
	}

	.PageCard{
		padding:18px;
		border-radius:28px;
	}

	.PageTitle{
		font-size:var(--TypePageSize);
		line-height:var(--TypePageLine);
	}

	.DiagWrap .AdminGrid{
		grid-template-columns:1fr;
	}

	.AdminValue{
		font-size:26px;
		line-height:31px;
	}
}

@media (min-width:760px){
	#StartModal .Modal__card{
		width:min(100%, 430px);
	}

	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		width:min(100%, 540px);
	}

	.BottomAppNav{
		width:min(calc(100vw - 40px), 430px);
	}
}

.BtnWithIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--ControlGap);
}

.BtnIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	border-radius:999px;
	line-height:1;
}

.Btn.Good .BtnIcon{
	background:rgba(6, 18, 16, .12);
	color:var(--ColorPrimaryText);
}

.Btn.Secondary .BtnIcon,
.Btn.Ghost .BtnIcon,
.Btn.Quiet .BtnIcon{
	background:rgba(47, 224, 182, .10);
	color:var(--Accent);
}

.Btn.Good.audioBtn::before,
.Btn.Good.videoBtn::before{
	filter:brightness(0) saturate(100%) invert(5%) sepia(16%) saturate(1152%) hue-rotate(118deg) brightness(82%) contrast(102%);
}

.TopInfo{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto auto;
	align-items:center;
	gap:10px;
}

.TopInfo .logo{
	min-width:0;
	display:flex;
	align-items:center;
	gap:10px;
}

.TopInfo .logo a{
	min-width:0;
}

.TopInfo .logo b{
	max-width:94px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.TopInfo .status{
	max-width:130px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--Muted);
}

.CallTimer{
	min-width:64px;
	min-height:42px;
	padding:8px 10px;
	border-radius:999px;
	border:1px solid rgba(47, 224, 182, .28);
	background:rgba(47, 224, 182, .10);
	color:#B8FFEA;
	font-size:13px;
	line-height:16px;
	font-weight:860;
	text-align:center;
	font-variant-numeric:tabular-nums;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045);
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.TopInfo .BtnMenu{
	align-self:center;
	margin-left:0;
}

.TopInfo--active .CallTimer{
	background:linear-gradient(180deg, rgba(47, 224, 182, .22), rgba(47, 224, 182, .10));
	border-color:rgba(47, 224, 182, .48);
	color:var(--Accent);
}

.TopInfo--calling .CallTimer,
.TopInfo--waiting .CallTimer{
	position:relative;
}

.TopInfo--calling .CallTimer::before,
.TopInfo--waiting .CallTimer::before{
	content:"";
	width:7px;
	height:7px;
	display:inline-block;
	margin-right:7px;
	border-radius:999px;
	background:var(--Accent);
	box-shadow:0 0 12px rgba(47, 224, 182, .70);
	animation:CallPulse 1.4s ease-in-out infinite;
}

@keyframes CallPulse{
	0%, 100%{ transform:scale(.72); opacity:.46; }
	50%{ transform:scale(1); opacity:1; }
}

.TopInfo .Small{
	grid-column:1 / -1;
	width:100%;
}

.BtnLogout{
	display:none !important;
}

.VideoStage.CallIsWaiting::after,
.VideoStage.CallIsCalling::after{
	position:absolute;
	left:50%;
	z-index:0;
	width:min(44vw, 190px);
	aspect-ratio:1;
	border-radius:50%;
	border:1px solid rgba(47, 224, 182, .24);
	background:radial-gradient(circle, rgba(47, 224, 182, .20) 0%, rgba(47, 224, 182, .08) 52%, rgba(47, 224, 182, 0) 70%);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:clamp(42px, 12vw, 62px);
	line-height:1;
	transform:translate(-50%, -50%);
	animation:CallHalo 2.4s ease-in-out infinite;
	pointer-events:none;
}

.VideoStage.CallIsWaiting::after,
.VideoStage.CallIsCalling::after{
	content:"";
}

@keyframes CallHalo{
	0%, 100%{ opacity:.55; transform:translate(-50%, -50%) scale(.92); }
	50%{ opacity:1; transform:translate(-50%, -50%) scale(1.05); }
}

.InviteQrCard{
	width:min(calc(100vw - 30px), 420px) !important;
	padding:22px !important;
	text-align:left;
}

.InviteQrCard__eyebrow{
	margin:0 0 14px;
	color:var(--Muted);
	font-size:13px;
	line-height:19px;
}

#QrModal .QrBox{
	width:min(100%, 248px);
	min-height:0;
	margin:16px auto;
	padding:14px;
	border-radius:22px;
	box-shadow:0 18px 42px rgba(0, 0, 0, .20);
}

#QrModal .QrBox img,
#QrModal .QrBox canvas{
	width:min(100%, 210px) !important;
	height:auto !important;
	max-width:210px;
}

#QrModal .Modal__row{
	margin-top:10px;
}

#QrModal .Modal__row .Btn{
	width:100%;
}

#BtnShare{
	min-height:54px;
}

.NavProfile{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:12px;
	align-items:center;
}

.NavProfile__icon{
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:18px;
	border:1px solid rgba(47, 224, 182, .30);
	background:rgba(47, 224, 182, .12);
	color:var(--Accent);
}

.NavProfile__icon svg{
	width:24px;
	height:24px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.NavProfile__copy,
.NavProfile__actions{
	grid-column:1;
}

.NavProfile__actions{
	margin-top:4px;
}

.NavItem{
	display:flex;
	align-items:center;
	gap:12px;
}

.NavItem__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 30px;
	background:rgba(47, 224, 182, .08);
	color:var(--Accent);
	line-height:1;
}

.NavItem > span:last-child{
	min-width:0;
}

.PageBody{
	min-height:100dvh;
}

.PageBody .logoWrapper{
	padding-top:calc(14px + env(safe-area-inset-top));
}

.PageBody .logo{
	min-height:44px;
	display:flex;
	align-items:center;
}

.PageShell{
	padding-top:env(safe-area-inset-top);
	padding-bottom:calc(20px + env(safe-area-inset-bottom));
}

.PageTop{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:0 0 18px;
}

.PageTop .PageTitle,
.PageTop .PageLead{
	margin-left:0;
}

.PageBackBtn,
.ModalBackBtn{
	width:46px;
	min-width:46px;
	height:46px;
	min-height:46px;
	border-radius:18px;
	border:1px solid rgba(95, 114, 109, .38);
	background:rgba(255, 255, 255, .055);
	color:var(--Text);
	text-decoration:none;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ModalBackBtn{
	position:absolute;
	top:14px;
	left:14px;
	z-index:2;
}

.ModalBackBtn ~ .Modal__title,
.ModalBackBtn ~ .Modal__hint{
	padding-left:48px;
}

.DiagSummary{
	display:flex;
	align-items:center;
	gap:14px;
	margin:0 0 16px;
	padding:16px;
	border-radius:24px;
	border:1px solid rgba(47, 224, 182, .28);
	background:linear-gradient(180deg, rgba(19, 44, 38, .90), rgba(12, 28, 25, .95));
	box-shadow:var(--PanelShadow);
}

.DiagSummary__icon,
.AdminStatusIcon{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 40px;
	border-radius:16px;
	background:rgba(47, 224, 182, .14);
	border:1px solid rgba(47, 224, 182, .26);
	color:var(--Accent);
	font-weight:920;
}

.DiagSummary--partial{
	border-color:rgba(241, 197, 93, .35);
	background:linear-gradient(180deg, rgba(47, 38, 19, .78), rgba(27, 24, 14, .94));
}

.DiagSummary--partial .DiagSummary__icon{
	background:rgba(241, 197, 93, .14);
	border-color:rgba(241, 197, 93, .32);
	color:var(--Warning);
}

.DiagSummary__title{
	color:var(--Text);
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
	font-weight:var(--TypeTitleWeight);
}

.DiagSummary__text{
	margin-top:2px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.AdminCard{
	position:relative;
	min-height:118px;
	padding-left:18px;
	padding-right:64px;
}

.AdminStatusIcon{
	position:absolute;
	right:16px;
	top:16px;
	width:34px;
	height:34px;
	flex-basis:34px;
	border-radius:14px;
	font-size:15px;
}

.AdminCard--bad .AdminStatusIcon{
	background:rgba(241, 197, 93, .14);
	border-color:rgba(241, 197, 93, .32);
	color:var(--Warning);
}

.AdminCard--bad .AdminValue{
	color:#FFE5A4;
}

.AboutHero{
	display:flex;
	gap:14px;
	align-items:center;
	margin:4px 0 18px;
	padding:16px;
	border-radius:26px;
	border:1px solid rgba(47, 224, 182, .24);
	background:linear-gradient(180deg, rgba(19, 44, 38, .88), rgba(12, 28, 25, .96));
	box-shadow:var(--PanelShadow);
}

.AboutHero__mark{
	width:58px;
	height:58px;
	flex:0 0 58px;
	filter:drop-shadow(0 12px 24px rgba(47, 224, 182, .22));
}

.AboutHero__title{
	color:var(--Text);
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
	font-weight:var(--TypeTitleWeight);
}

.AboutHero__text{
	margin-top:4px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.FeatureList{
	display:grid;
	gap:10px;
}

.FeatureItem{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:12px;
	border-radius:20px;
	background:rgba(255, 255, 255, .035);
	border:1px solid rgba(95, 114, 109, .28);
}

.FeatureItem span{
	width:28px;
	height:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	border-radius:12px;
	background:rgba(47, 224, 182, .10);
	color:var(--Accent);
	font-weight:900;
}

.FeatureItem svg{
	width:16px;
	height:16px;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.FeatureItem p{
	margin:0;
	color:var(--Muted);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.TrustedContactsPanel{
	margin-top:14px;
	padding:14px;
	border-radius:26px;
	border:1px solid rgba(95, 114, 109, .34);
	background:rgba(255, 255, 255, .032);
	box-shadow:var(--PanelShadow);
}

.TrustedContactsHead{
	margin:0 0 12px;
	padding:0 0 12px;
}

.TrustedContactsHead__title{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}

.TrustTabs{
	grid-template-columns:repeat(3, minmax(0, 1fr));
	white-space:nowrap;
}

.TrustTab{
	padding:8px 7px;
	font-size:12px;
	line-height:16px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.TransferRecipientTabs,
.TransferKindTabs{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:7px;
	padding:5px;
	border-radius:24px;
	border:1px solid var(--ColorBorderControl);
	background:rgba(255, 255, 255, .035);
}
.TransferRecipientTabs{grid-template-columns:repeat(2, minmax(0, 1fr));}

.ThemeSwitch .ThemeChoice,
.TransferRecipientTabs .TransferRecipientTab,
.TransferKindTabs .TransferKindTab{
	min-width:0;
	min-height:var(--ControlHeight);
	padding:0;
	border:0;
	border-radius:var(--ControlRadius);
	background:transparent;
	color:var(--ColorTextMuted);
	font-size:14px;
	line-height:20px;
	font-weight:650;
	white-space:normal;
	overflow-wrap:break-word;
	box-shadow:none;
}

html[data-theme="light"] .ThemeSwitch .ThemeChoice:hover,
html[data-theme="light"] .TransferRecipientTabs .TransferRecipientTab:hover,
html[data-theme="light"] .TransferKindTabs .TransferKindTab:hover,
.ThemeSwitch .ThemeChoice:hover,
.TransferRecipientTabs .TransferRecipientTab:hover,
.TransferKindTabs .TransferKindTab:hover{
	background:var(--ColorSurfaceMuted);
	color:var(--ColorText);
	box-shadow:none;
}

html[data-theme="light"] .ThemeSwitch .ThemeChoice.IsActive,
html[data-theme="light"] .TransferRecipientTabs .TransferRecipientTab.IsActive,
html[data-theme="light"] .TransferKindTabs .TransferKindTab.IsActive,
.ThemeSwitch .ThemeChoice.IsActive,
.TransferRecipientTabs .TransferRecipientTab.IsActive,
.TransferKindTabs .TransferKindTab.IsActive{
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	box-shadow:none;
}

.ThemeSwitch .ThemeChoice:focus-visible,
.TransferRecipientTabs .TransferRecipientTab:focus-visible,
.TransferKindTabs .TransferKindTab:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

html[data-theme="light"] .ThemeSwitch .ThemeChoice:disabled,
html[data-theme="light"] .TransferRecipientTabs .TransferRecipientTab:disabled,
html[data-theme="light"] .TransferKindTabs .TransferKindTab:disabled,
.ThemeSwitch .ThemeChoice:disabled,
.TransferRecipientTabs .TransferRecipientTab:disabled,
.TransferKindTabs .TransferKindTab:disabled{
	background:var(--ColorSurfaceMuted);
	color:var(--ColorTextSubtle);
	opacity:1;
	filter:none;
	transform:none;
	box-shadow:none;
	cursor:not-allowed;
}

.TransferRecipientBody{
	display:grid;
	gap:12px;
}

.TransferRecipientPanel{
	min-width:0;
}

.TransferRecipientSummary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:12px;
	padding:12px;
	border-radius:22px;
	border:1px solid rgba(47, 224, 182, .26);
	background:rgba(47, 224, 182, .08);
}

.TransferRecipientSummary__text{
	margin-top:3px;
	color:var(--Text);
	font-size:14px;
	line-height:19px;
	font-weight:760;
	overflow-wrap:anywhere;
}

.TransferFilePicker{
	display:flex;
	align-items:center;
	gap:10px;
}

.TransferFilePicker .Btn{
	position:relative;
	overflow:hidden;
}

.TransferFilePicker .Btn:focus-within{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.TransferFilePicker__input{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	padding:0 !important;
	margin:0 !important;
	opacity:0 !important;
	cursor:pointer;
	border:0 !important;
	border-radius:inherit;
}

.TransferFilePreview{
	display:block;
	width:100%;
	max-height:240px;
	object-fit:contain;
	margin-bottom:10px;
}

.TransferFilePreviewHint{
	margin-top:8px;
}
html[data-theme] body .TransferDetails [data-photo-preview]:focus{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.TransferSelectedFile{
	margin-top:10px;
	padding:10px 12px;
	border-radius:18px;
	border:1px solid rgba(47, 224, 182, .24);
	background:rgba(47, 224, 182, .08);
	color:var(--Text);
	font-size:13px;
	line-height:18px;
	overflow-wrap:anywhere;
}

.TransferKindSelect{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0, 0, 0, 0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

.TrustedRecipient__head{
	display:grid;
	grid-template-columns:38px minmax(0, 1fr);
	align-items:center;
	gap:12px;
}

.TrustedRecipient__actions{
	grid-column:1 / -1;
	width:100%;
}

.ScenarioIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 38px;
	border:1px solid rgba(47, 224, 182, .28);
	background:rgba(47, 224, 182, .10);
	color:var(--Accent);
	line-height:1;
}

.TransferScenario,
.TransferScanChoice{
	margin-top:12px;
	padding:12px;
	border-radius:22px;
	border:1px solid rgba(95, 114, 109, .30);
	background:rgba(4, 8, 8, .22);
}

.TransferScenario__label{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
	color:var(--Text);
	font-size:14px;
	line-height:19px;
	font-weight:820;
}

.TransferScanChoice__divider{
	display:none;
}

.ModalHeroIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	border:1px solid rgba(47, 224, 182, .34);
	background:linear-gradient(180deg, rgba(47, 224, 182, .18), rgba(47, 224, 182, .08));
	color:var(--Accent);
	box-shadow:0 16px 34px rgba(47, 224, 182, .12);
}

.ModalHeroIcon svg{
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#PermModal .Modal__title,
#PermModal .Modal__hint{
	text-align:center;
}

#PermModal .Modal__row{
	margin-top:20px;
}

@media (max-width:520px){
	.TopInfo{
		grid-template-columns:minmax(0, 1fr) auto;
		gap:8px;
	}

	.TopInfo .logo{
		gap:8px;
	}

	.TopInfo .Presence{
		display:none;
	}

	.CallTimer{
		min-width:60px;
		padding:7px 9px;
		font-size:12px;
	}

	.TopInfo .BtnMenu{
		grid-column:2;
		grid-row:1;
	}

	.TopInfo .Small{
		grid-column:1 / -1;
	}

	.InviteQrCard{
		width:min(calc(100vw - 34px), 340px) !important;
		padding:22px 18px calc(18px + env(safe-area-inset-bottom)) !important;
	}

	#QrModal .QrBox{
		width:214px;
		padding:12px;
		margin:14px auto;
	}

	#QrModal .QrBox img,
	#QrModal .QrBox canvas{
		max-width:190px;
	}

	#StartModal .Modal__card,
	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		min-height:calc(100dvh - var(--BottomNavH) - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		max-height:none;
	}

	.NavProfile{
		grid-template-columns:minmax(0, 1fr);
	}

	.NavProfile__icon{
		width:44px;
		height:44px;
		border-radius:16px;
	}

	.PageBody .logoWrapper{
		padding-top:calc(18px + env(safe-area-inset-top));
	}

	.PageTop{
		gap:10px;
	}

	.PageBackBtn,
	.ModalBackBtn{
		width:44px;
		min-width:44px;
		height:44px;
		min-height:44px;
	}

	.AboutHero{
		align-items:flex-start;
	}

	.AboutHero__mark{
		width:48px;
		height:48px;
		flex-basis:48px;
	}

	.TrustedContactsPanel{
		padding:12px;
	}

	.TrustedContactsHead{
		align-items:flex-start;
	}

	.TrustTabs,
	.TransferRecipientTabs,
	.TransferKindTabs{
		gap:5px;
		padding:4px;
	}

	.TrustTab,
	.TransferRecipientTab,
	.TransferKindTab{
		min-height:42px;
		padding:7px 5px;
		font-size:12px;
		line-height:15px;
	}

	.TransferScenario,
	.TransferScanChoice{
		padding:11px;
	}
}

html[data-theme="light"] .CallTimer,
html[data-theme="light"] .NavItem__icon,
html[data-theme="light"] .NavProfile__icon,
html[data-theme="light"] .ScenarioIcon,
html[data-theme="light"] .FeatureItem span,
html[data-theme="light"] .ModalHeroIcon{
	background:rgba(16, 157, 128, .10);
	border-color:rgba(16, 157, 128, .24);
	color:var(--Accent);
}

html[data-theme="light"] .CallTimer{
	color:var(--ColorText);
}

html[data-theme="light"] .DiagSummary,
html[data-theme="light"] .AboutHero,
html[data-theme="light"] .TrustedContactsPanel,
html[data-theme="light"] .TransferScenario,
html[data-theme="light"] .TransferScanChoice,
html[data-theme="light"] .FeatureItem{
	background:linear-gradient(180deg, #FFFFFF, #F4FAF7);
	border-color:rgba(183, 203, 196, .82);
}

html[data-theme="light"] .DiagSummary--partial{
	background:rgba(241, 197, 93, .14);
	border-color:rgba(194, 142, 34, .32);
}

html[data-theme="light"] .ThemeSwitch,
html[data-theme="light"] .TransferRecipientTabs,
html[data-theme="light"] .TransferKindTabs{
	background:rgba(237, 245, 241, .92);
	border-color:var(--ColorBorderControl);
}

html[data-theme="light"] .TransferRecipientSummary,
html[data-theme="light"] .TransferSelectedFile{
	background:rgba(237, 245, 241, .92);
	border-color:rgba(183, 203, 196, .76);
}

html,
body,
.VideoStage{
	max-width:100%;
	overflow-x:hidden;
}

.Modal,
.Modal__card,
.BottomAppNav,
.BottomAppNav *,
.ActionBtn,
.ActionCard,
.NavDrawer,
.NavDrawer *,
.FlowBlock,
.TrustedRecipient,
.PushControl,
.TrustTabPanel,
.AliasCard,
.TrustInvitePanel,
.ReceiveCode,
.WaitPanel,
.TransferCard,
.TransferItem,
.EmptyState{
	box-sizing:border-box;
}

:root,
html[data-theme="dark"],
html[data-theme="light"]{
	--BottomNavH:68px;
}

#StartModal,
#TransferModal,
#ReceiveModal,
#TrustedModal,
#OpenCodeModal{
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-y:contain;
	padding:
		calc(10px + env(safe-area-inset-top))
		calc(10px + env(safe-area-inset-right))
		calc(var(--BottomNavH) + 22px + env(safe-area-inset-bottom))
		calc(10px + env(safe-area-inset-left));
}

#StartModal .Modal__card,
#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card,
#OpenCodeModal .Modal__card{
	margin:0 auto;
	min-height:calc(100dvh - var(--BottomNavH) - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	max-height:none;
	overflow:visible;
	scroll-padding-bottom:calc(var(--BottomNavH) + 18px + env(safe-area-inset-bottom));
}

#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card,
#OpenCodeModal .Modal__card{
	padding-bottom:calc(22px + env(safe-area-inset-bottom));
}

#NavModal{
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	padding:
		calc(10px + env(safe-area-inset-top))
		calc(10px + env(safe-area-inset-right))
		calc(14px + env(safe-area-inset-bottom))
		calc(10px + env(safe-area-inset-left));
}

#NavModal .Modal__card.NavDrawer{
	width:min(calc(100vw - 20px), 430px);
	min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	max-height:none;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	padding:18px 16px calc(18px + env(safe-area-inset-bottom));
	overflow:visible;
}

.NavList{
	margin-bottom:14px;
}

.ThemeBlock{
	margin-top:auto;
	padding-top:14px;
	padding-bottom:0;
}

.NavProfile__actions,
.TrustActions,
.ReceiveConnected__actions,
.TrustedRecipient__actions,
.TransferCard__actions,
.TransferItem__actions{
	flex-wrap:wrap;
}

.NavProfile__actions .Btn{
	flex:1 1 104px;
	min-width:0;
}

.TrustedRecipient__summary,
.AliasHint,
.WaitPanel__text,
.ReceiveConnected__text{
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.TransferItem__meta,
.CodeMeta,
.CodeCopyHint{
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
}

.PushControl__status{
	font-size:13px;
	line-height:19px;
}

.FieldLabel{
	display:block;
	margin:0 0 6px;
	color:var(--Muted);
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
	font-weight:650;
}

html[data-theme] body .FieldLabel{
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
	opacity:1;
}

.CodeExplainer,
.TrustHelp,
.ActionBtn__copy small,
.ActionCard__copy small{
	font-weight:400;
}
.CodeMeta,
.CodeCopyHint{
	font-size:var(--TypeCaptionSize);
	line-height:var(--TypeCaptionLine);
	color:var(--ColorTextMuted);
	opacity:1;
}

.Btn,
button,
[type="button"],
[type="reset"],
[type="submit"],
.Input,
.Select{
	min-height:44px;
	font-size:14px;
	line-height:18px;
}

.Btn,
.IconBtn,
.Input,
.Select,
.Textarea{
	min-height:var(--ControlHeight);
	border-radius:var(--ControlRadius);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

.Btn{
	gap:var(--ControlGap);
	padding:0 var(--ControlPadding);
}

.CodeValue,
.CodeCopyButton,
.TrustInviteCode{
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size:clamp(28px, 7vw, 32px);
	line-height:36px;
	font-weight:var(--TypeTitleWeight);
	font-variant-numeric:tabular-nums;
	letter-spacing:.04em;
	max-width:100%;
	color:var(--ColorText);
}
html[data-theme] button.CodeCopyButton,
html[data-theme] button.TrustInviteCode{
	min-height:var(--ControlHeight);
	border-color:var(--ColorBorderControl);
}
html[data-theme] button.CodeCopyButton:is(:hover, :active, :focus-visible),
html[data-theme] button.TrustInviteCode:is(:hover, :active, :focus-visible){
	border-color:var(--ColorTextMuted);
}
button.CodeCopyButton:focus-visible,
button.TrustInviteCode:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}

.IconBtn{
	width:var(--ControlHeight);
	min-width:var(--ControlHeight);
	height:var(--ControlHeight);
	padding:0;
	font-size:18px;
	line-height:1;
	font-weight:400;
}

.IconBtn,
html[data-theme="light"] .IconBtn{
	background:var(--ColorSurfaceMuted);
	border:1px solid var(--ColorBorderControl);
	color:var(--ColorText);
	box-shadow:none;
}

.IconBtn:hover,
html[data-theme="light"] .IconBtn:hover{
	background:var(--ColorSelectedBg);
	border-color:var(--ColorFocus);
	box-shadow:none;
}

.IconBtn:active:not(:disabled){
	transform:translateY(1px);
}

.HomeBrand{
	font-size:28px;
	line-height:34px;
}

img.HomeBrand__mark{
	width:40px;
	height:40px;
	flex-basis:40px;
}

.HomeTrustPill{
	margin:13px 0 10px;
	padding:7px 11px;
	font-size:11px;
	line-height:15px;
}

.HomeLead{
	margin-bottom:18px;
	font-size:16px;
	line-height:23px;
}

.ActionGrid,
.ActionGrid--primary{
	gap:10px;
}

.ActionBtn,
.ActionCard{
	min-height:84px;
	border-radius:20px;
}

.ActionBtn{
	gap:12px;
	padding:14px 38px 14px 15px;
}

.ActionBtn::after{
	right:16px;
	width:8px;
	height:8px;
	border-width:1.8px;
}

.ActionBtn .ActionBtn__icon svg,
.BottomAppNav__icon svg,
.NavProfile__icon svg,
.ModalHeroIcon svg{
	stroke-width:2;
}

.ActionBtn .ActionBtn__icon svg{
	flex:none;
	width:24px;
	height:24px;
}

.ActionBtn__copy small,
.ActionCard__copy small{
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.ActionCard__buttons{
	margin-top:12px;
}

.ActionCard__buttons .Btn{
	min-height:var(--ControlHeightLarge);
	padding:0 var(--ControlPadding);
	border-radius:var(--ControlRadius);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

.BottomAppNav{
	left:50%;
	bottom:0;
	z-index:120;
	min-height:calc(var(--BottomNavH) + env(safe-area-inset-bottom));
	padding:6px 7px calc(6px + env(safe-area-inset-bottom));
	border-right:1px solid rgba(95, 114, 109, .42);
	border-bottom:0;
	border-left:1px solid rgba(95, 114, 109, .42);
	border-radius:22px 22px 0 0;
	transform:translateX(-50%);
	pointer-events:auto;
}

.BottomAppNav__item{
	gap:3px;
	padding:4px 1px;
	font-size:10px;
	line-height:13px;
	pointer-events:auto;
	touch-action:manipulation;
}

.BottomAppNav__icon{
	width:22px;
	height:22px;
}

.BottomAppNav__icon svg{
	width:20px;
	height:20px;
}

#NavModal:not(.IsHidden) ~ .VideoStage .BottomAppNav,
#CapabilityFallbackModal:not(.IsHidden) ~ .VideoStage .BottomAppNav{
	display:none !important;
}

.NavItem{
	min-height:48px;
	padding:11px 34px 11px 12px;
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.NavItem__icon{
	width:28px;
	height:28px;
	flex-basis:28px;
	border-radius:11px;
	font-size:14px;
	font-weight:820;
}

.ScenarioIcon{
	width:34px;
	height:34px;
	flex-basis:34px;
	border-radius:14px;
	font-size:14px;
	font-weight:820;
}

.StepBadge,
.InboxBadge{
	width:26px;
	height:26px;
	font-size:13px;
}

.BtnIcon{
	width:18px;
	height:18px;
	flex-basis:18px;
	font-size:13px;
	font-weight:820;
}

.ModalHeroIcon{
	width:58px;
	height:58px;
	margin-bottom:14px;
	border-radius:20px;
}

.ModalHeroIcon svg{
	width:28px;
	height:28px;
}

.Btn.Good.audioBtn,
.Btn.Good.videoBtn{
	background:var(--ColorPrimaryBg);
	color:var(--ColorPrimaryText);
	text-shadow:none;
}

.Btn.Good.audioBtn::before,
.Btn.Good.videoBtn::before{
	flex-basis:20px;
	width:20px;
	height:20px;
	background-size:20px 20px;
	opacity:1;
	filter:brightness(0) saturate(100%) invert(4%) sepia(19%) saturate(1234%) hue-rotate(116deg) brightness(87%) contrast(102%);
}

.VideoStage.CallIsWaiting .VideoRemote,
.VideoStage.CallIsCalling .VideoRemote{
	background-image:none;
}

.VideoStage.CallIsWaiting::after,
.VideoStage.CallIsCalling::after{
	top:47%;
	width:clamp(96px, 32vw, 136px);
	border-color:rgba(47, 224, 182, .28);
	background:
		radial-gradient(circle, rgba(47, 224, 182, .18) 0%, rgba(47, 224, 182, .10) 52%, rgba(47, 224, 182, 0) 72%);
	box-shadow:0 18px 54px rgba(47, 224, 182, .10);
}

.VideoStage.audio.CallIsWaiting::after,
.VideoStage.audio.CallIsCalling::after{
	background:
		url(../icons/audio-min.svg) center / clamp(42px, 13vw, 58px) clamp(42px, 13vw, 58px) no-repeat,
		radial-gradient(circle, rgba(47, 224, 182, .18) 0%, rgba(47, 224, 182, .10) 52%, rgba(47, 224, 182, 0) 72%);
}

.VideoStage.video.CallIsWaiting::after,
.VideoStage.video.CallIsCalling::after{
	background:
		url(../icons/video-min.svg) center / clamp(42px, 13vw, 58px) clamp(42px, 13vw, 58px) no-repeat,
		radial-gradient(circle, rgba(47, 224, 182, .18) 0%, rgba(47, 224, 182, .10) 52%, rgba(47, 224, 182, 0) 72%);
}

#AuthModal .Modal__card{
	width:min(calc(100vw - 28px), 390px);
	padding:22px;
}

#AuthModal .Modal__hint,
.Toast{
	overflow-wrap:anywhere;
	word-break:normal;
}

#AuthModal .Modal__hint{
	max-width:100%;
	margin-bottom:8px;
	font-size:13px;
	line-height:19px;
}

.Toast{
	left:50%;
	right:auto;
	width:min(calc(100vw - 28px), 420px);
	max-width:420px;
	padding:10px 13px;
	font-size:13px;
	line-height:18px;
	transform:translateX(-50%);
}

@media (max-width:520px){
	:root,
	html[data-theme="dark"],
	html[data-theme="light"]{
		--BottomNavH:64px;
	}

	#StartModal,
	#TransferModal,
	#ReceiveModal,
	#TrustedModal,
	#OpenCodeModal{
		padding:
			calc(8px + env(safe-area-inset-top))
			calc(8px + env(safe-area-inset-right))
			calc(var(--BottomNavH) + 18px + env(safe-area-inset-bottom))
			calc(8px + env(safe-area-inset-left));
	}

	#StartModal .Modal__card,
	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		min-height:calc(100dvh - var(--BottomNavH) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		padding:16px;
	}

	.HomeBrand{
		font-size:25px;
		line-height:31px;
	}

	img.HomeBrand__mark{
		width:36px;
		height:36px;
		flex-basis:36px;
	}

	.HomeLead{
		font-size:15px;
		line-height:22px;
	}

	.ActionBtn,
	.ActionCard{
		min-height:80px;
		border-radius:18px;
	}

	.ActionBtn{
		padding:13px 34px 13px 13px;
	}

	.ActionBtn .ActionBtn__icon{
		width:40px;
		height:40px;
		flex-basis:40px;
		border-radius:14px;
	}

	.ActionBtn .ActionBtn__icon svg{
		width:24px;
		height:24px;
	}

	.ActionBtn__copy > span,
	.ActionCard__copy span{
		font-size:var(--TypeSectionSize);
		line-height:var(--TypeSectionLine);
	}

	.BottomAppNav{
		width:100vw;
		border-radius:20px 20px 0 0;
	}

	.BottomAppNav__item{
		min-height:50px;
		font-size:10px;
		line-height:12px;
	}
}

@media (max-height:700px){
	#StartModal .Modal__card,
	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		min-height:auto;
	}

	.HomeTrustPill,
	.HomeLead,
	.HomeSecondary{
		margin-top:10px;
		margin-bottom:10px;
	}

	.ActionBtn,
	.ActionCard{
		min-height:76px;
	}

	.FlowBlock{
		padding:14px;
	}
}

#CallsModal,
#ExchangeModal,
#InboxModal,
#MoreModal,
#ProfileModal,
#PasskeyModal,
#NotificationsModal{
	z-index:50;
}

#NavModal{
	z-index:300;
}

#LinkBridgeModal,
#CapabilityFallbackModal,
#PermModal,
#QrModal,
#ScanModal,
#SinkModal,
#AuthModal,
#IncomingCallModal{
	z-index:280;
}

#CallsModal .Modal__backdrop,
#ExchangeModal .Modal__backdrop,
#InboxModal .Modal__backdrop,
#MoreModal .Modal__backdrop,
#ProfileModal .Modal__backdrop,
#PasskeyModal .Modal__backdrop,
#NotificationsModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(8, 20, 17, .98) 0%, rgba(4, 7, 7, .995) 55%, rgba(3, 5, 5, 1) 100%);
	backdrop-filter:none;
}

#CallsModal .Modal__card,
#ExchangeModal .Modal__card,
#InboxModal .Modal__card,
#MoreModal .Modal__card,
#ProfileModal .Modal__card,
#PasskeyModal .Modal__card,
#NotificationsModal .Modal__card,
#StartModal .Modal__card,
#TransferModal .Modal__card,
#ReceiveModal .Modal__card,
#TrustedModal .Modal__card,
#OpenCodeModal .Modal__card{
	width:min(calc(100vw - 28px), 720px);
	min-height:calc(100dvh - var(--BottomNavH) - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	max-height:calc(100dvh - var(--BottomNavH) - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	overflow:auto;
	overscroll-behavior:contain;
	scroll-padding-bottom:calc(var(--BottomNavH) + 20px);
	border-radius:22px;
}

.IconBtn svg,
.BtnIcon svg,
.InlineIcon svg,
.NavItem__icon svg,
.ScenarioIcon svg,
.CtrlBtn svg,
.BtnMenu svg{
	width:20px;
	height:20px;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.BtnIcon svg,
.InlineIcon svg{
	width:16px;
	height:16px;
}
.CtrlBtn svg{
	width:24px;
	height:24px;
}

.InlineIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.HomeLead{
	max-width:28rem;
}

.ActionGrid--primary{
	grid-template-columns:1fr;
}

html[data-theme] :is(.ActionBtn, .ActionCard, .TransferCard){
	border-radius:var(--RadiusControl);
	border-color:var(--ColorBorder);
	background:var(--ColorSurface);
	box-shadow:none;
}

html[data-theme] .ActionBtn{
	border-radius:var(--ControlRadius);
	border-color:var(--ColorBorderControl);
}
html[data-theme] .ActionBtn:hover,
html[data-theme] .ActionBtn:focus-visible{
	background:var(--ColorSelectedBg);
	border-color:var(--ColorFocus);
	box-shadow:none;
}
html[data-theme] .ActionBtn:active{
	background:var(--ColorSurfaceMuted);
	transform:none;
}
html[data-theme] .ActionBtn:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
}
html[data-theme] .ActionBtn::after{
	border-color:var(--ColorTextMuted);
}
html[data-theme] .ActionBtn .ActionBtn__icon{
	background:var(--ColorSelectedBg);
	border-color:transparent;
	color:var(--ColorSelectedText);
	box-shadow:none;
}

html[data-theme] :is(.NavProfile, .AliasCard, .TransferRecipientSummary, .ReceiveConnected){
	border-color:transparent;
	border-radius:var(--ControlRadius);
	background:var(--ColorSurfaceMuted);
	box-shadow:none;
}

.ReceiveConnected__title{color:var(--ColorText);}

html[data-theme] :is(.FlowBlock, .TransferScenario, .TransferScanChoice, .TrustedRecipient,
	.TrustedContactsPanel, .TrustTabPanel, .TrustInvitePanel, .PushControl, .TransferItem){
	border:0;
	border-radius:0;
	background:none;
	box-shadow:none;
}
html[data-theme] :is(.TransferScenario, .TransferScanChoice, .TrustedRecipient,
	.TrustedContactsPanel, .TrustTabPanel, .TrustInvitePanel, .PushControl){
	padding:0;
}
html[data-theme] :is(.TrustedContactsPanel, .TrustTabPanel){margin:0;}
html[data-theme] .PushControl{margin-top:24px;}
html[data-theme] .TrustTabPanel + .TrustTabPanel{
	padding-top:24px;
	border-top:1px solid var(--ColorBorder);
}
.TrustedContactsPanel .TrustedContactsHead{
	border:0;
	padding-top:0;
}

html[data-theme] .FlowBlock{
	margin:16px 0;
	padding:16px 0 0;
	overflow:visible;
}
html[data-theme] .FlowBlock ~ .FlowBlock{
	border-top:1px solid var(--ColorBorder);
}
.FlowBlock__head,
.FlowBlock__summary{
	gap:12px;
	margin:0 0 12px;
	padding:0;
}
.FlowBlock__summary{min-height:44px;}
.FlowBlock__summary :is(.FlowBlock__title, .FlowBlock__hint){display:block;}
.FlowBlock .CheckLine{color:var(--ColorText);}
html[data-theme] .FlowBlock .ScenarioIcon{color:var(--ColorSelectedText);}
.FlowBlock__body{padding:0;}
.FlowBlock__summary::after{border-color:var(--ColorTextMuted);}
.FlowBlock .StepBadge{
	background:var(--ColorSelectedBg);
	border-color:transparent;
	color:var(--ColorSelectedText);
	box-shadow:none;
}

html[data-theme] .QrCard{
	border-radius:var(--RadiusControl);
	border-color:transparent;
	background:none;
	box-shadow:none;
}
html[data-theme] .WaitPanel{
	border:0;
	border-radius:0;
	padding:12px 0;
	background:none;
	box-shadow:none;
}
html[data-theme] :is(.Alert, .Status, .EmptyState){box-shadow:none;}

.ActionBtn{
	min-height:82px;
	padding:14px 42px 14px 16px;
}

.ActionBtn .ActionBtn__icon{
	width:46px;
	height:46px;
	flex-basis:46px;
	border-radius:16px;
}

.ActionBtn__copy > span,
.ActionCard__copy span{
	font-weight:var(--TypeTitleWeight);
	font-size:var(--TypeSectionSize);
	line-height:var(--TypeSectionLine);
}

.ActionCard{
	padding:16px;
}

.ActionCard__buttons{
	display:grid;
	grid-template-columns:1fr;
}

.AudioOutputWarning{
	margin-top:12px;
	padding:10px 12px;
	border:1px solid rgba(245, 184, 72, .72);
	border-radius:16px;
	background:#FFF1B8;
	color:#332205;
	font-size:13px;
	line-height:18px;
}

html[data-theme="dark"] .AudioOutputWarning{
	border-color:rgba(255, 216, 114, .52);
	background:rgba(255, 206, 83, .16);
	color:#FFE7A0;
}

.PushControl__hint{
	margin-top:6px;
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
}

.TrustedUnlockedContent{
	display:grid;
	gap:24px;
}

.NavList--screen{
	margin-top:18px;
}

.ThemeBlock--screen{
	margin-top:18px;
}

#MoreThemeBlock + .AliasCard{
	margin-top:24px;
}

.BottomAppNav__item{
	min-height:56px;
	border-radius:16px;
}

.BottomAppNav__item.IsActive{
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	font-weight:820;
	box-shadow:inset 0 0 0 1px var(--ColorSelectedText);
}

.BottomAppNav__item.IsActive .BottomAppNav__icon{
	color:var(--ColorSelectedText);
}

.Btn[aria-disabled="true"],
.ActionBtn[aria-disabled="true"]{
	cursor:not-allowed;
}

@media (max-width: 520px){
	#CallsModal .Modal__card,
	#ExchangeModal .Modal__card,
	#InboxModal .Modal__card,
	#MoreModal .Modal__card,
	#ProfileModal .Modal__card,
	#PasskeyModal .Modal__card,
	#NotificationsModal .Modal__card,
	#StartModal .Modal__card,
	#TransferModal .Modal__card,
	#ReceiveModal .Modal__card,
	#TrustedModal .Modal__card,
	#OpenCodeModal .Modal__card{
		width:calc(100vw - 20px);
		min-height:calc(100dvh - var(--BottomNavH) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		max-height:calc(100dvh - var(--BottomNavH) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		padding:18px;
	}

	.HomeBrand{
		font-size:27px;
		line-height:32px;
	}

	.HomeLead{
		margin-bottom:18px;
		font-size:16px;
		line-height:23px;
	}

	.ActionBtn__copy > span,
	.ActionCard__copy span{
		font-size:var(--TypeSectionSize);
		line-height:var(--TypeSectionLine);
	}
}

:root,
html[data-theme="dark"]{
	--Bg:#111817;
	--BgLift:#18211f;
	--Panel:#17201e;
	--PanelSolid:#19231f;
	--PanelBg:rgba(23, 32, 30, .86);
}

body,
.VideoStage{
	background:
		linear-gradient(180deg, var(--BgLift) 0%, var(--Bg) 48%, #0d1211 100%);
}

#CallsModal .Modal__backdrop,
#ExchangeModal .Modal__backdrop,
#InboxModal .Modal__backdrop,
#MoreModal .Modal__backdrop,
#ProfileModal .Modal__backdrop,
#PasskeyModal .Modal__backdrop,
#NotificationsModal .Modal__backdrop{
	background:
		linear-gradient(180deg, rgba(22, 32, 30, .98) 0%, rgba(14, 20, 19, .99) 58%, rgba(11, 16, 15, 1) 100%);
}

.BottomAppNav{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	justify-items:stretch;
	align-items:center;
	gap:4px;
	width:min(100vw, var(--AppMaxW));
	padding:6px max(8px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));
}

.BottomAppNav__item{
	width:100%;
	min-width:0;
	padding:4px 2px;
	overflow:hidden;
}

.BottomAppNav__item.IsActive{
	transform:none;
}

.BottomAppNav__item > span:last-child{
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}

.NavProfile__actions{
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}

html[data-theme] body #NavProfileBlock .NavProfile__actions .Btn{
	width:auto;
	min-height:36px;
	flex:0 0 auto;
	padding:0 var(--ControlPadding);
	border-radius:var(--ControlRadius);
	font-size:14px;
	line-height:20px;
	font-weight:650;
}

.NavProfile__actions .Btn:first-child:nth-last-child(3){
	grid-column:1 / -1;
}

.BottomBar{
	width:min(calc(100vw - 28px), 420px);
	padding:12px;
	gap:12px;
}

.BottomBar .Btn{
	flex:1 1 160px;
	min-width:0;
}

@media (max-width: 430px){
	.BottomBar{
		display:grid;
		grid-template-columns:1fr;
		align-items:stretch;
	}

	.BottomBar .Btn{
		width:100%;
	}
}

.ActionCard__buttons{
	gap:12px;
}

@media (min-width: 560px){
	.ActionCard__buttons{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

.VideoStage.CallIsWaiting::after,
.VideoStage.CallIsCalling::after{
	border-color:rgba(125, 216, 184, .44);
	box-shadow:
		0 20px 60px rgba(47, 224, 182, .18),
		0 0 0 1px rgba(125, 216, 184, .18);
}

html[data-theme="light"] .VideoStage.CallIsWaiting::after,
html[data-theme="light"] .VideoStage.CallIsCalling::after{
	border-color:rgba(16, 157, 128, .38);
	background:
		radial-gradient(circle, rgba(16, 157, 128, .24) 0%, rgba(16, 157, 128, .13) 52%, rgba(16, 157, 128, 0) 72%);
	box-shadow:
		0 18px 50px rgba(16, 157, 128, .18),
		0 0 0 1px rgba(16, 157, 128, .18);
}

html[data-theme="light"] .VideoStage.audio.CallIsWaiting::after,
html[data-theme="light"] .VideoStage.audio.CallIsCalling::after{
	background:
		url(../icons/audio-min.svg) center / clamp(42px, 13vw, 58px) clamp(42px, 13vw, 58px) no-repeat,
		radial-gradient(circle, rgba(16, 157, 128, .24) 0%, rgba(16, 157, 128, .13) 52%, rgba(16, 157, 128, 0) 72%);
}

html[data-theme="light"] .Btn.Good.audioBtn::before,
html[data-theme="light"] .Btn.Good.videoBtn::before{
	filter:brightness(0) invert(1);
}

.Btn.Good:disabled .BtnIcon{
	color:inherit;
}

.Btn.Good.audioBtn:disabled::before,
.Btn.Good.videoBtn:disabled::before{
	filter:brightness(0) invert(1);
}

html[data-theme="light"] .Btn.Good.audioBtn:disabled::before,
html[data-theme="light"] .Btn.Good.videoBtn:disabled::before{
	filter:brightness(0);
}

.DiagGroup,
.DiagSummary,
.AdminCard,
.AboutHero,
.FeatureItem{
	background:linear-gradient(180deg, rgba(24, 39, 36, .96), rgba(17, 28, 26, .98));
}

.DiagRow{
	grid-template-columns:44px minmax(110px, .75fr) minmax(0, 1.25fr);
}

.DiagRow__label,
.DiagRow__meta{
	min-width:0;
	overflow-wrap:anywhere;
}

.DiagRow__meta{
	white-space:normal;
}

.DiagActions .Btn{
	width:100%;
	max-width:320px;
}

html[data-theme="light"] .DiagGroup,
html[data-theme="light"] .DiagSummary,
html[data-theme="light"] .AdminCard,
html[data-theme="light"] .AdminPre,
html[data-theme="light"] .AboutHero,
html[data-theme="light"] .FeatureItem{
	background:linear-gradient(180deg, #FFFFFF, #F5FAF7);
	border-color:rgba(183, 203, 196, .82);
	color:var(--Text);
}

html[data-theme="light"] .DiagRow{
	border-bottom-color:rgba(183, 203, 196, .62);
}

html[data-theme="light"] .DiagRow__status{
	background:rgba(16, 157, 128, .12);
	color:#0D745F;
}

html[data-theme="light"] .DiagRow--bad .DiagRow__status{
	background:rgba(194, 142, 34, .16);
	color:#7A5300;
}

html[data-theme="light"] .DiagRow__meta,
html[data-theme="light"] .DiagSummary__text,
html[data-theme="light"] .AboutHero__text{
	color:var(--Muted);
}

.Btn:disabled,
button:disabled,
.Btn[aria-disabled="true"],
.ActionBtn[aria-disabled="true"]{
	opacity:.58;
	cursor:not-allowed;
	filter:saturate(.82);
}

.Btn:disabled,
.Btn:disabled:hover,
.Btn.Good:disabled,
.Btn.Good:disabled:hover,
.Btn.Good:disabled:focus-visible,
.Btn.Danger:disabled,
.Btn.Danger:disabled:hover,
.Btn[aria-disabled="true"],
.IconBtn:disabled,
.IconBtn:disabled:hover,
html[data-theme="light"] .Btn:disabled,
html[data-theme="light"] .Btn:disabled:hover,
html[data-theme="light"] .Btn[aria-disabled="true"],
html[data-theme="light"] .IconBtn:disabled,
html[data-theme="light"] .IconBtn:disabled:hover{
	background:var(--ColorSurfaceMuted);
	color:var(--ColorTextSubtle);
	border-color:var(--ColorBorder);
	opacity:1;
	filter:none;
	box-shadow:none;
	transform:none;
	cursor:not-allowed;
}

@media (max-width: 620px){
	.DiagRow{
		grid-template-columns:40px minmax(0, 1fr);
		gap:8px 10px;
	}

	.DiagRow__meta{
		grid-column:2;
	}
}

:root,
html[data-theme="dark"]{
	--DiagPanelBg:#17201e;
	--DiagPanelText:#f3f7f4;
	--DiagPanelMuted:#c3d0cb;
	--DiagBorder:#4d625d;
	--DiagBorderSoft:rgba(77, 98, 93, .58);
	--DiagGoodBg:#173f35;
	--DiagGoodText:#9ff5d8;
	--DiagGoodBorder:rgba(159, 245, 216, .42);
	--DiagWarnBg:#473716;
	--DiagWarnText:#ffe3a0;
	--DiagWarnBorder:rgba(255, 227, 160, .44);
	--DiagPreBg:#0f1715;
	--DiagPreText:#edf7f3;
}

html[data-theme="light"]{
	--DiagPanelBg:#ffffff;
	--DiagPanelText:#10201c;
	--DiagPanelMuted:#324d46;
	--DiagBorder:#9fb9b1;
	--DiagBorderSoft:rgba(159, 185, 177, .68);
	--DiagGoodBg:#dff5ee;
	--DiagGoodText:#0b6b58;
	--DiagGoodBorder:rgba(11, 107, 88, .34);
	--DiagWarnBg:#fff0c9;
	--DiagWarnText:#684800;
	--DiagWarnBorder:rgba(104, 72, 0, .34);
	--DiagPreBg:#f4faf7;
	--DiagPreText:#10201c;
}

.DiagWrap{
	padding-top:calc(10px + env(safe-area-inset-top));
}

.DiagWrap .PageTop{
	align-items:flex-start;
}

.DiagGroup,
.DiagSummary,
.DiagRawDetails{
	background:var(--DiagPanelBg);
	border-color:var(--DiagBorder);
	color:var(--DiagPanelText);
}

.DiagGroup__head{
	border-bottom-color:var(--DiagBorderSoft);
}

.DiagGroup__count,
.DiagRow__meta,
.DiagSummary__text{
	color:var(--DiagPanelMuted);
}

.DiagRow{
	border-bottom-color:var(--DiagBorderSoft);
	color:var(--DiagPanelText);
}

.DiagRow__status,
.DiagSummary__icon{
	background:var(--DiagGoodBg);
	border-color:var(--DiagGoodBorder);
	color:var(--DiagGoodText);
}

.DiagRow--bad .DiagRow__status,
.DiagSummary--partial .DiagSummary__icon{
	background:var(--DiagWarnBg);
	border-color:var(--DiagWarnBorder);
	color:var(--DiagWarnText);
}

.DiagRawDetails{
	padding:0;
	overflow:hidden;
}

.DiagRawDetails summary{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:48px;
	padding:14px 16px;
	color:var(--DiagPanelText);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
	font-weight:650;
	cursor:pointer;
	list-style-position:inside;
}

.DiagRawDetails summary::marker{
	color:var(--DiagPanelText);
}

.DiagRawDetails summary::-webkit-details-marker{
	color:var(--DiagPanelText);
}

.DiagRawDetails summary:focus-visible{
	outline:3px solid var(--Accent);
	outline-offset:-3px;
}

.DiagRawDetails .AdminPre{
	margin:0;
	border:0;
	border-top:1px solid var(--DiagBorderSoft);
	border-radius:0;
	background:var(--DiagPreBg);
	color:var(--DiagPreText);
	font-size:12px;
	line-height:18px;
	white-space:pre-wrap;
	overflow-wrap:anywhere;
	word-break:break-word;
	overflow:auto;
}

.DiagActions{
	display:flex;
	justify-content:flex-start;
}

.DiagActions .Btn.Secondary{
	width:100%;
	min-width:min(100%, 220px);
	max-width:360px;
	border-color:var(--DiagBorder);
	color:var(--Text);
}

html[data-theme="light"] .DiagActions .Btn.Secondary{
	background:var(--DiagPanelBg);
	color:var(--DiagPanelText);
}

@media (max-width: 520px){
	.DiagActions .Btn.Secondary{
		max-width:none;
	}

	.DiagRawDetails summary{
		padding:13px 14px;
	}
}

.LinkBridgeCard{
	width:min(calc(100vw - 28px), 520px);
	margin-top:clamp(34px, 14vh, 120px);
}

.LinkBridgeActions{
	align-items:stretch;
}

.LinkBridgeActions .Btn{
	flex:1 1 180px;
	min-width:0;
}

.LinkBridgeHelp{
	margin-top:14px;
	border:1px solid var(--Border);
	border-radius:18px;
	background:var(--SurfaceAlt);
	color:var(--Text);
	overflow:hidden;
}

.LinkBridgeHelp summary{
	min-height:46px;
	padding:12px 14px;
	color:var(--Text);
	font-weight:650;
	cursor:pointer;
}

.LinkBridgeHelp summary::marker{
	color:var(--Text);
}

.LinkBridgeHelp summary::-webkit-details-marker{
	color:var(--Text);
}

.LinkBridgeHelp summary:focus-visible{
	outline:3px solid var(--Accent);
	outline-offset:-3px;
}

.LinkBridgeHelp__body{
	padding:0 14px 14px;
	color:var(--Muted);
	font-size:var(--TypeBodySize);
	line-height:var(--TypeBodyLine);
}

.LinkBridgeHelp__body p{
	margin:10px 0 0;
}

html[data-theme="light"] .LinkBridgeHelp{
	background:var(--SurfaceAlt);
	border-color:var(--Border);
	color:var(--Text);
}

html[data-theme="light"] .LinkBridgeHelp__body{
	color:var(--Muted);
}

@media (max-width:520px){
	.LinkBridgeCard{
		width:calc(100vw - 20px);
		margin-top:calc(14px + env(safe-area-inset-top));
	}

	.LinkBridgeActions{
		flex-direction:column;
	}

	.LinkBridgeActions .Btn{
		width:100%;
	}
}

.VideoStage.CallIsWaiting::after,
.VideoStage.CallIsCalling::after{
	color:var(--Accent);
	text-shadow:0 0 24px rgba(47, 224, 182, .34);
}

html[data-theme="light"] .VideoStage.CallIsWaiting::after,
html[data-theme="light"] .VideoStage.CallIsCalling::after,
html[data-theme="light"] .VideoStage.audio.CallIsWaiting::after,
html[data-theme="light"] .VideoStage.audio.CallIsCalling::after{
	background:
		radial-gradient(circle, rgba(16, 157, 128, .24) 0%, rgba(16, 157, 128, .13) 52%, rgba(16, 157, 128, 0) 72%);
	color:var(--AccentDeep);
	text-shadow:0 0 22px rgba(16, 157, 128, .24);
}

.ActionBtn__copy .InboxBadge{
	width:auto;
	min-width:18px;
	height:18px;
	margin-left:5px;
	padding:0 5px;
	vertical-align:2px;
	font-size:11px;
	line-height:16px;
	font-weight:860;
}

.InboxHead .InboxBadge{
	width:auto;
	min-width:20px;
	height:20px;
	padding:0 6px;
	font-size:12px;
	line-height:18px;
	vertical-align:2px;
}

.TransferRecipientSummary .Btn{
	flex:0 0 auto;
}

html[data-theme="light"] .TransferRecipientSummary__text,
html[data-theme="light"] .TransferSelectedFile{
	color:var(--Text);
}

@media (max-width:520px){
	.TransferRecipientSummary,
	.TransferFilePicker{
		align-items:stretch;
		flex-direction:column;
	}

	.TransferFilePicker .Btn{
		width:100%;
	}
}

:root,
html[data-theme="dark"]{
	--ColorInfoText:#D9EDFF;
	--ColorInfoBg:#172C3C;
	--ColorInfoBorder:#79B8E8;
	--ColorSuccessText:#B8FFEA;
	--ColorSuccessBg:#102E27;
	--ColorSuccessBorder:#54C7A7;
	--ColorWarningText:#FFE9A8;
	--ColorWarningBg:#382D18;
	--ColorWarningBorder:#D4AD51;
	--ColorDangerBorder:#EF9C94;
}

html[data-theme="light"]{
	--ColorInfoText:#164B72;
	--ColorInfoBg:#EAF4FC;
	--ColorInfoBorder:#35729E;
	--ColorSuccessText:#075642;
	--ColorSuccessBg:#DDEFE8;
	--ColorSuccessBorder:#347D69;
	--ColorWarningText:#674708;
	--ColorWarningBg:#FFF3D1;
	--ColorWarningBorder:#92701B;
	--ColorDangerBorder:#B5534B;
}

.Status,
.Alert,
.Toast{
	--FeedbackText:var(--ColorInfoText);
	--FeedbackBg:var(--ColorInfoBg);
	--FeedbackBorder:var(--ColorInfoBorder);
}

.Status--success,
.Toast--success{
	--FeedbackText:var(--ColorSuccessText);
	--FeedbackBg:var(--ColorSuccessBg);
	--FeedbackBorder:var(--ColorSuccessBorder);
}

.Status--warning,
.Alert--warning,
.Toast--warning{
	--FeedbackText:var(--ColorWarningText);
	--FeedbackBg:var(--ColorWarningBg);
	--FeedbackBorder:var(--ColorWarningBorder);
}

.Status--error,
.Alert--danger,
.Toast--error{
	--FeedbackText:var(--ColorDangerText);
	--FeedbackBg:var(--ColorDangerBg);
	--FeedbackBorder:var(--ColorDangerBorder);
}

html[data-theme] .Status,
html[data-theme] .Alert,
html[data-theme] .Toast{
	padding:12px var(--ControlPadding);
	border:1px solid var(--FeedbackBorder);
	border-radius:var(--ControlRadius);
	background:var(--FeedbackBg);
	color:var(--FeedbackText);
	font-size:14px;
	line-height:20px;
	font-weight:500;
	overflow-wrap:anywhere;
}

html[data-theme] .Status{
	margin-top:var(--ControlGap);
	border-inline-start-width:4px;
}

.Status::before{
	display:block;
	font-weight:700;
}
.Status--info::before{content:"Информация";}
.Status--success::before{content:"Готово";}
.Status--warning::before{content:"Внимание";}
.Status--error::before{content:"Ошибка";}

html[data-theme] .Status:empty,
html[data-theme] .Alert:empty{
	min-height:0;
	height:0;
	margin:0;
	padding:0;
	border:0;
	background:none;
	box-shadow:none;
}
.Status:empty::before{content:none;}

html[data-theme] .Alert{
	border-inline-start-width:1px;
	border-style:dashed;
}

html[data-theme] .Toast::before{
	content:"i";
	width:20px;
	height:20px;
	margin:0;
	background:none;
	box-shadow:none;
	color:var(--FeedbackText);
	font-size:18px;
	line-height:20px;
	font-weight:700;
	text-align:center;
}
html[data-theme] .Toast--success::before{content:"+";}
html[data-theme] .Toast--warning::before{content:"!";}
html[data-theme] .Toast--error::before{content:"×";}

html[data-theme] .EmptyState{
	padding:var(--ControlPadding);
	border-radius:var(--ControlRadius);
	background:var(--ColorSurfaceMuted);
	border:1px solid var(--ColorBorderControl);
	color:var(--ColorText);
	font-size:14px;
	line-height:20px;
}
html[data-theme] .EmptyState--locked{
	background:var(--ColorInfoBg);
	border-color:var(--ColorInfoBorder);
	color:var(--ColorInfoText);
}
html[data-theme] .EmptyState--error{
	background:var(--ColorDangerBg);
	border-color:var(--ColorDangerBorder);
	color:var(--ColorDangerText);
}
html[data-theme] .EmptyState__title,
html[data-theme] .EmptyState__text{
	color:inherit;
	font-size:14px;
	line-height:20px;
}

.EmptyState__title{font-weight:var(--TypeTitleWeight);}
.EmptyState__text{margin-top:4px;}

@media (prefers-reduced-motion: reduce){
	button,
	[type="button"],
	[type="reset"],
	[type="submit"],
	.Btn,
	.Tabs__button,
	.TrustTab,
	.Toast,
	.FlowBlock__summary::after{
		transition:none;
	}
	button:active,
	.Btn:active,
	.IconBtn:active:not(:disabled),
	.CodeCopyButton:active{
		transform:none;
	}
	.TopInfo--calling .CallTimer::before,
	.TopInfo--waiting .CallTimer::before,
	.VideoStage.CallIsWaiting::after,
	.VideoStage.CallIsCalling::after{
		animation:none;
	}
}

html[data-theme="light"]{
	--Panel:#FFFFFF;
	--SurfaceStrong:#E8EBF6;
	--ColorBorderControl:#737C96;
	--Border:#DEE2EE;
	--ColorSelectedText:#075985;
	--ColorFocus:#0876A9;
	--Accent:#0876A9;
	--AccentText:#FFFFFF;
	--ColorPrimaryText:#041722;
	--ColorSurface:var(--Surface);
	--ColorSurfaceMuted:var(--SurfaceAlt);
	--ColorText:var(--Text);
	--ColorTextMuted:var(--Muted);
	--ColorTextSubtle:var(--Muted);
	--ColorBorder:var(--Border);
}
html[data-theme="dark"]{
	--SurfaceStrong:#30364D;
	--ColorBorderControl:#7D89AC;
	--Border:#343C55;
	--ColorSelectedBg:#163D52;
	--ColorSelectedText:#D5F1FF;
	--ColorFocus:#7DD3FC;
	--Accent:#7DD3FC;
	--AccentText:#082F49;
	--ColorPrimaryText:#041722;
	--ColorSurface:var(--Surface);
	--ColorSurfaceMuted:var(--SurfaceAlt);
	--ColorText:var(--Text);
	--ColorTextMuted:var(--Muted);
	--ColorTextSubtle:var(--Muted);
	--ColorBorder:var(--Border);
}

html[data-theme] .WorkspaceUi .AppHome{
	display:block;
}
html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal){
	align-items:flex-start;
	padding:16px 12px calc(var(--BottomNavH) + 24px);
}
html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal) > .Modal__backdrop{
	background:var(--Bg);
	backdrop-filter:none;
}
html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal) > .Modal__card{
	width:min(100%, 960px);
	margin:0 auto;
	min-height:0;
	max-height:calc(100dvh - var(--BottomNavH) - 48px - env(safe-area-inset-bottom));
	padding:24px;
	border:1px solid var(--Border);
	border-radius:16px;
	background:var(--Panel);
	box-shadow:none;
	scroll-padding:24px;
}
html[data-theme] .WorkspaceUi .HomeHeader{
	margin:0 0 32px;
}
html[data-theme] .WorkspaceUi .HomeBrand{
	font-size:22px;
	line-height:28px;
}
html[data-theme] .WorkspaceUi .HomeBrand__mark{
	width:32px;
	height:32px;
	flex-basis:32px;
	filter:none;
}
html[data-theme] .WorkspaceUi .HomeIntro{
	margin:0 0 24px;
	max-width:660px;
}
html[data-theme] .WorkspaceUi .HomeEyebrow{
	margin:0 0 10px;
	color:var(--Muted);
	font-size:13px;
	line-height:20px;
}
html[data-theme] .WorkspaceUi .HomeTitle{
	margin:0 0 12px;
	color:var(--Text);
	font-size:36px;
	line-height:1.15;
	letter-spacing:-.7px;
	font-weight:700;
}
html[data-theme] .WorkspaceUi .HomeLead{
	max-width:600px;
	margin:0;
	color:var(--Muted);
	font-size:16px;
	line-height:24px;
	font-weight:400;
}
html[data-theme] .WorkspaceUi .HomeSectionTitle{
	margin:32px 0 12px;
	color:var(--Muted);
	font-size:14px;
	line-height:20px;
	font-weight:600;
}
html[data-theme] .WorkspaceUi .ActionGrid{
	gap:12px;
}
html[data-theme] .WorkspaceUi .ActionBtn,
html[data-theme] .WorkspaceUi .ActionCard{
	border:1px solid var(--ColorBorderControl);
	border-radius:12px;
	background:var(--Surface);
	color:var(--Text);
	box-shadow:none;
}
html[data-theme] .WorkspaceUi .ActionBtn{
	min-height:88px;
	padding:16px 32px 16px 14px;
	gap:12px;
	transform:none;
}

html[data-theme] .WorkspaceUi #BtnOpenTrustedCall{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:12px;
	min-height:88px;
	padding:16px;
	text-align:left;
	white-space:normal;
}
html[data-theme] .WorkspaceUi #BtnOpenTrustedCall .ActionBtn__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;color:var(--IconChipText);background:var(--IconChipBg);box-shadow:0 1px 4px var(--IconChipShadow);}
html[data-theme] .WorkspaceUi #BtnOpenTrustedCall .ActionBtn__icon svg{width:22px;height:22px;}
html[data-theme] .WorkspaceUi #BtnOpenTrustedCall .ActionBtn__copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
html[data-theme] .WorkspaceUi #BtnOpenTrustedCall small{color:inherit;font-size:14px;line-height:20px;font-weight:400;opacity:1;}
html[data-theme] .WorkspaceUi #CallLinkOptions{margin-top:24px;}
html[data-theme] .WorkspaceUi #CallLinkOptions > .Hint{margin-block:12px 16px;}
html[data-theme] .WorkspaceUi #OpenCodeInput{width:100%;}
html[data-theme] .WorkspaceUi .ActionBtn::after{
	border-color:currentColor;
	right:17px;
}
html[data-theme] .WorkspaceUi .ActionBtn .ActionBtn__icon{
	width:40px;
	height:40px;
	flex-basis:40px;
	border:0;
	border-radius:10px;
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	box-shadow:none;
}
html[data-theme] .WorkspaceUi .ActionBtn .ActionBtn__icon svg{
	color:inherit;
	stroke:currentColor;
}
html[data-theme] .WorkspaceUi .ActionBtn__copy > span{
	color:inherit;
	font-size:18px;
	line-height:24px;
}
html[data-theme] .WorkspaceUi .ActionBtn__copy small,
html[data-theme] .WorkspaceUi .ActionCard__copy small{
	color:var(--Muted);
	font-size:14px;
	line-height:21px;
	font-weight:400;
	opacity:1;
}
html[data-theme] .WorkspaceUi #BtnOpenCalls{
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	border-color:var(--ColorSelectedText);
}
html[data-theme] .WorkspaceUi #BtnOpenCalls :is(.ActionBtn__icon, small){
	color:inherit;
}
html[data-theme] .WorkspaceUi .ActionBtn:hover,
html[data-theme] .WorkspaceUi .ActionBtn:active{
	background:var(--SurfaceStrong);
	color:var(--Text);
	box-shadow:none;
	transform:none;
}
html[data-theme] .WorkspaceUi #BtnOpenCalls:hover,
html[data-theme] .WorkspaceUi #BtnOpenCalls:active{
	background:var(--SurfaceStrong);
	color:var(--Text);
}
html[data-theme] .WorkspaceUi .ActionBtn:focus-visible{
	outline:3px solid var(--ColorFocus);
	outline-offset:3px;
	box-shadow:none;
}
html[data-theme] .WorkspaceUi .HomeUtilities .ActionBtn{
	min-height:72px;
}
html[data-theme] .WorkspaceUi .HomeUtilities .ActionBtn__copy > span{
	font-size:16px;
	line-height:22px;
}
html[data-theme] .WorkspaceUi .BottomAppNav{
	width:min(calc(100% - 24px), 720px);
	background:var(--Panel);
	border:1px solid var(--Border);
	border-radius:14px;
	box-shadow:none;
	backdrop-filter:none;
}
html[data-theme] .WorkspaceUi .BottomAppNav__item{
	border-radius:12px;
	border-inline-start:3px solid transparent;
	background:transparent;
	color:var(--Muted);
	font-size:12px;
	font-weight:600;
	box-shadow:none;
}
html[data-theme] .WorkspaceUi .BottomAppNav__item:hover:not(.IsActive){
	background:var(--SurfaceStrong);
	color:var(--Text);
}
html[data-theme] .WorkspaceUi .BottomAppNav__item:active:not(.IsActive){
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
}
html[data-theme] .WorkspaceUi .BottomAppNav__item.IsActive{
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	box-shadow:none;
}
html[data-theme] .WorkspaceUi .BottomAppNav__icon{
	color:inherit;
}
html[data-theme] .WorkspaceUi .BottomAppNav__item:focus-visible{
	outline:2px solid var(--ColorFocus);
	outline-offset:2px;
}
@media (min-width:600px){
	html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal) .ActionGrid--primary{
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
	}
	html[data-theme] .WorkspaceUi .HomeUtilities{
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (min-width:960px){
	html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal){
		padding:32px 32px 32px 252px;
	}
	html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal) > .Modal__card{
		max-height:calc(100dvh - 64px);
		min-height:calc(100dvh - 64px);
		padding:32px;
	}
	html[data-theme] .WorkspaceUi .BottomAppNav{
		left:24px;
		top:32px;
		bottom:32px;
		width:200px;
		transform:none;
		grid-template-columns:1fr;
		align-content:start;
		gap:8px;
		padding:20px 12px;
	}
	html[data-theme] .WorkspaceUi .BottomAppNav__item{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		gap:12px;
		min-height:48px;
		padding:10px 12px;
		font-size:14px;
	}
	html[data-theme] .WorkspaceUi .BottomAppNav__item > span:last-child{
		white-space:normal;
	}
	html[data-theme] .WorkspaceUi .HomeHeader{
		margin-bottom:40px;
	}
}

@media (min-width:960px){
	html[data-theme] .WorkspaceUi :is(#InboxModal, #ReceiveModal) .TransferCard{
		display:grid;
		grid-template-columns:minmax(0, 1fr) auto;
		gap:12px 16px;
		padding:12px;
	}
	html[data-theme] .WorkspaceUi :is(#InboxModal, #ReceiveModal) .TransferCard > .TransferCard__actions{
		grid-column:2;
		grid-row:1;
		align-self:start;
		margin-top:0;
		gap:8px;
	}
	html[data-theme] .WorkspaceUi :is(#InboxModal, #ReceiveModal) .TransferCard > .TransferDetails{
		grid-column:1 / -1;
		margin-top:0;
	}
	html[data-theme] .WorkspaceUi :is(#TransferModal, #ReceiveModal, #InboxModal) .Btn{
		flex:0 1 auto;
		width:auto;
		max-width:100%;
		min-width:0;
	}
	html[data-theme] .WorkspaceUi :is(#TransferModal, #ReceiveModal, #InboxModal) :is(.SafetyHint, .TransferSafetyNote){
		padding:8px 12px;
		border-style:solid;
		border-width:0 0 0 3px;
		border-radius:0;
	}
}
@media (min-width:960px) and (pointer:fine){
	html[data-theme] .WorkspaceUi :is(#TransferModal, #ReceiveModal, #InboxModal) .Btn{
		min-height:36px;
		height:auto;
		padding:7px 12px;
		border-radius:10px;
	}
}
@media (max-width:599px){
	html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal){
		padding-top:calc(12px + env(safe-area-inset-top));
	}
	html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal) > .Modal__card{
		padding:18px;
		max-height:calc(100dvh - var(--BottomNavH) - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	}
	html[data-theme] .WorkspaceUi .HomeTitle{
		font-size:28px;
		letter-spacing:-.4px;
	}
	html[data-theme] .WorkspaceUi .HomeHeader{
		margin-bottom:18px;
	}
	html[data-theme] .WorkspaceUi .HomeSectionTitle{
		margin-top:18px;
	}
}

html[data-theme] .WorkspaceUi :is(.ActionBtn__icon, .BottomAppNav__icon, .NavItem__icon) svg{
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
@media (max-width:599px){
	html[data-theme] .WorkspaceUi .HomeIntro{margin-bottom:18px;}
	html[data-theme] .WorkspaceUi .HomeTitle{margin-bottom:8px;}
	html[data-theme] .WorkspaceUi .HomeLead{font-size:14px;line-height:21px;}
	html[data-theme] .WorkspaceUi .ActionBtn__copy > span{font-size:16px;line-height:22px;}
	html[data-theme] .WorkspaceUi .ActionBtn__copy small{font-size:13px;line-height:19px;}
	html[data-theme] .WorkspaceUi .ActionBtn{min-height:88px;}
	html[data-theme] .WorkspaceUi .HomeUtilities .ActionBtn{min-height:72px;}
	html[data-theme] .WorkspaceUi .BottomAppNav{bottom:0;width:100%;border-radius:16px 16px 0 0;}
	html[data-theme] .WorkspaceUi .BottomAppNav__item{min-height:52px;}
	html[data-theme] .WorkspaceUi :is(.Input, .Select, .Textarea){font-size:16px;}
}

html[data-theme] .WorkspaceUi :is(#StartModal, #CallsModal, #ExchangeModal, #InboxModal, #MoreModal, #ProfileModal, #PasskeyModal, #NotificationsModal, #TransferModal, #ReceiveModal, #TrustedModal, #OpenCodeModal, #NavModal) .IconBtn{
	background:var(--Surface);
	color:var(--Text);
	border-color:var(--ColorBorderControl);
}

html[data-theme="light"]{--ColorQuietBg:rgba(233,233,233,.36);}
html[data-theme="dark"]{--ColorQuietBg:rgba(233,233,233,.08);}
html[data-theme]{
	--ControlHeight:48px;
	--ControlRadius:12px;
	--RadiusControl:12px;
	--Radius:16px;
	--RadiusSheet:20px;
	--RadiusSmall:10px;
	--TypePageSize:28px;
	--TypePageLine:34px;
	--TypeSectionSize:20px;
	--TypeSectionLine:28px;
	--TypeBodySize:16px;
	--TypeBodyLine:24px;
	--TypeSmallSize:14px;
	--TypeSmallLine:20px;
	--ColorBackground:var(--Bg);
	--AccentDeep:var(--ColorSelectedText);
	--AccentHover:var(--ColorPrimaryHover);
	--MutedSoft:var(--Muted);
	--BorderStrong:var(--ColorBorderControl);
	--PanelSolid:var(--Panel);
}
html[data-theme] body{
	background:var(--Bg);
	color:var(--Text);
	font-size:var(--TypeBodySize);
	line-height:1.5;
}
html[data-theme] body :is(.PageCard, .AdminCard, .DiagGroup, .DiagSummary, .AboutHero, .FeatureItem, .TransferCard){
	background:var(--Panel);
	color:var(--Text);
	border:1px solid var(--Border);
	border-radius:16px;
	box-shadow:none;
}
html[data-theme] body :is(.PageShell, .AdminWrap){
	width:min(calc(100% - 24px), 960px);
	margin:24px auto;
}
html[data-theme] body :is(.PageTitle, .AdminH1, .Modal__title){
	color:var(--Text);
	font-size:28px;
	line-height:34px;
	font-weight:700;
	letter-spacing:0;
}
html[data-theme] body :is(.Modal__hint, .PageLead, .AdminSub, .AdminLabel, .AdminMeta, .CodeExplainer, .CodeTypeHints, .CodeMeta, .CodeCopyHint, .AliasHint, .TransferCard__meta, .TransferItem__meta, .PushControl__hint, .PushControl__status, .TrustedRecipient__summary, .TransferRecipientSummary__text, .ReceiveConnected__text, .WaitPanel__text, .AboutHero__text, .FeatureItem p, .DiagGroup__count, .DiagRow__meta, .DiagSummary__text, .Modal__sep){
	color:var(--Muted);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	font-weight:400;
	opacity:1;
}
html[data-theme] body :is(.PageSection p, .TransferCard__title, .TransferItem__label, .FeatureItem, .CodeTypeHints, .TrustedHelp){
	overflow-wrap:anywhere;
}
html[data-theme] body :is(.Modal__row, .TransferCard__actions, .EmptyState__actions){
	gap:12px;
}
html[data-theme] body :is(.Btn, .IconBtn, .Modal .Btn, .ThemeChoice, .TrustTab, .TransferKindTab, .TransferRecipientTab, .Tabs__button, .NavItem){
	min-height:var(--ControlHeight);
	border-radius:12px;
	font-size:var(--TypeBodySize);
	line-height:20px;
	font-weight:600;
	text-shadow:none;
	box-shadow:none;
}
html[data-theme] body :is(.Btn, .IconBtn, .Modal .Btn, .NavItem){
	background:var(--Surface);
	color:var(--Text);
	border:1px solid var(--ColorBorderControl);
}
html[data-theme] body :is(.Btn, .IconBtn, .NavItem):hover:not(:disabled):not([aria-disabled="true"]){
	background:var(--SurfaceStrong);
	color:var(--Text);
	box-shadow:none;
}
html[data-theme] body .Btn.Good:not(:disabled):not([aria-disabled="true"]){
	background:var(--ColorPrimaryBg);
	color:var(--ColorPrimaryText);
	border-color:var(--ColorFocus);
	box-shadow:none;
}
html[data-theme] body .Btn.Good :is(small, .ActionBtn__icon, .ActionBtn__copy){color:inherit;}
html[data-theme] body .Btn.Good:hover:not(:disabled):not([aria-disabled="true"]){background:var(--ColorPrimaryHover);}
html[data-theme] body .Btn.Good:active:not(:disabled):not([aria-disabled="true"]){background:var(--ColorPrimaryPressed);}
html[data-theme] body .Btn.Danger:not(:disabled):not([aria-disabled="true"]){
	background:var(--ColorDangerBg);
	color:var(--ColorDangerText);
	border-color:var(--ColorDangerBorder);
	box-shadow:none;
}
html[data-theme] body :is(.Btn.Quiet, .Btn.Ghost):not(:disabled):not([aria-disabled="true"]){
	background:var(--ColorQuietBg);
	border-color:transparent;
	color:var(--ColorSelectedText);
}
html[data-theme] body :is(.Btn.Quiet, .Btn.Ghost):is(:hover, :active):not(:disabled):not([aria-disabled="true"]){
	background:var(--ColorSelectedBg);
}
html[data-theme] body .IconBtn{min-width:44px;}
html[data-theme] body :is(.Input, .Select, .Textarea){
	min-height:var(--ControlHeight);
	max-width:100%;
	min-width:0;
	border:1px solid var(--ColorBorderControl);
	border-radius:12px;
	background:var(--Surface);
	color:var(--Text);
	font-size:16px;
	line-height:24px;
	font-weight:400;
	box-shadow:none;
}
html[data-theme] body :is(.Input, .Select, .Textarea)[aria-invalid="true"]{
	border-color:var(--ColorDangerBorder);
	border-width:2px;
}
html[data-theme] body :is(.Input, .Textarea)::placeholder{color:var(--Muted);opacity:1;}
html[data-theme] body :is(.Btn, .IconBtn, .CtrlBtn, .NavItem, .Input, .Select, .Textarea, .ThemeChoice, .TrustTab, .TransferKindTab, .TransferRecipientTab, summary, a):focus-visible{
	outline:2px solid var(--ColorFocus);
	outline-offset:3px;
	box-shadow:none;
}
html[data-theme] body :is(button:disabled, .Btn[aria-disabled="true"], .ActionBtn[aria-disabled="true"], .Input:disabled, .Select:disabled, .Textarea:disabled){
	background:var(--SurfaceAlt);
	color:var(--Muted);
	border-color:var(--ColorBorderControl);
	opacity:1;
	filter:none;
	box-shadow:none;
	cursor:not-allowed;
}
html[data-theme] body :is(.ThemeSwitch, .TransferRecipientTabs, .TransferKindTabs, .TrustTabs, .Tabs__list, .AdminTabs, .AdminSubTabs){
	padding:4px;
	gap:4px;
	border:0;
	border-radius:12px;
	background:var(--Surface);
}
html[data-theme] body :is(.ThemeChoice, .TrustTab, .TransferKindTab, .TransferRecipientTab, .Tabs__button, .AdminTabs .Btn, .AdminSubTabs .Btn){
	background:transparent;
	color:var(--Muted);
	border:0;
	border-radius:8px;
	box-shadow:none;
}
html[data-theme] body :is(.ThemeChoice, .TrustTab, .TransferKindTab, .TransferRecipientTab, .Tabs__button, .AdminTabs .Btn, .AdminSubTabs .Btn):is(.IsActive, .Tabs__button--active, [aria-selected="true"], [aria-checked="true"]){
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	box-shadow:none;
	border-color:var(--ColorBorderControl);
}
html[data-theme] body :is(.ThemeChoice, .TrustTab, .TransferKindTab, .TransferRecipientTab, .Tabs__button, .AdminTabs .Btn, .AdminSubTabs .Btn):hover:not(:disabled){background:var(--ColorSelectedBg);color:var(--ColorSelectedText);}
html[data-theme] body .CheckLine{min-height:var(--ControlHeight);color:var(--Text);}
html[data-theme] body input[type="checkbox"]{accent-color:var(--Accent);width:20px;height:20px;flex:0 0 20px;}
html[data-theme] body summary{min-height:var(--ControlHeight);align-content:center;}
html[data-theme] body :is(.LinkBridgeHelp, .TrustHelp, .DiagRawDetails){
	background:var(--Surface);
	border:1px solid var(--Border);
	border-radius:12px;
	color:var(--Text);
}
html[data-theme] body :is(.LinkBridgeHelp summary, .TrustHelp summary, .DiagRawDetails summary){color:var(--Text);}
html[data-theme] body :is(.AdminPre, .TransferItem__text, .TransferItem pre){
	background:var(--Surface);
	color:var(--Text);
	font-size:var(--TypeSmallSize);
	line-height:var(--TypeSmallLine);
	white-space:pre-wrap;
	overflow-wrap:anywhere;
}
html[data-theme] body .SafeLink{
	color:var(--Accent);
	text-decoration:underline;
}
html[data-theme] body .TransferCard__warning{
	background:var(--ColorWarningBg);
	color:var(--ColorWarningText);
	border-color:var(--ColorWarningBorder);
}
html[data-theme] body :is(.CodeCopyButton, .TrustInviteCode, .ReceiveCode, .WaitPanel, .NavProfile){
	background:var(--Surface);
	color:var(--Text);
	border-color:var(--ColorBorderControl);
	box-shadow:none;
}
html[data-theme] body :is(.StepBadge, .ScenarioIcon, .ModalHeroIcon, .NavProfile__icon, .NavItem__icon, .BtnIcon, .FeatureItem > span, .TransferCard__badge, .InboxBadge){
	background:var(--ColorSelectedBg);
	color:var(--ColorSelectedText);
	border-color:transparent;
	box-shadow:none;
}
html[data-theme] body .Btn.Good .BtnIcon{background:transparent;color:inherit;}
html[data-theme] body :is(.IconBtn, .BtnIcon, .InlineIcon, .NavItem__icon, .ScenarioIcon, .CtrlBtn, .ModalHeroIcon, .FeatureItem) svg{
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
html[data-theme="light"] body :is(.Btn.audioBtn, .Btn.videoBtn)::before{filter:brightness(0) invert(1);}
html[data-theme="dark"] body :is(.Btn.audioBtn, .Btn.videoBtn)::before{filter:brightness(0);}
html[data-theme] body :is(.DiagGroup__title, .DiagRow__label, .DiagSummary__title){color:var(--Text);}
html[data-theme] body :is(.DiagRow__status, .DiagSummary__icon){background:var(--ColorSuccessBg);color:var(--ColorSuccessText);border-color:var(--ColorSuccessBorder);}
html[data-theme] body :is(.DiagRow--bad .DiagRow__status, .DiagSummary--partial .DiagSummary__icon){background:var(--ColorWarningBg);color:var(--ColorWarningText);border-color:var(--ColorWarningBorder);}
html[data-theme] body :is(.DiagActions .Btn.Secondary, .DiagRawDetails .AdminPre){background:var(--Surface);color:var(--Text);border-color:var(--ColorBorderControl);}
html[data-theme] body :is(#NavModal, #LinkBridgeModal, #QrModal, #SinkModal, #ScanModal, #CapabilityFallbackModal, #IncomingCallModal, #PermModal, #AuthModal){
	padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));
	display:flex;
	align-items:center;
	justify-content:center;
}
html[data-theme] body :is(#NavModal, #LinkBridgeModal, #QrModal, #SinkModal, #ScanModal, #CapabilityFallbackModal, #IncomingCallModal, #PermModal, #AuthModal) > .Modal__card{
	width:min(100%, 560px);
	min-height:0;
	max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	margin:0;
	padding:20px;
	border:1px solid var(--Border);
	border-radius:var(--RadiusSheet);
	background:var(--Panel);
	color:var(--Text);
	box-shadow:none;
	overflow:auto;
	overscroll-behavior:contain;
	scroll-padding:16px;
}
html[data-theme] body .Modal__backdrop{background:rgba(12, 14, 25, .64);backdrop-filter:none;}
html[data-theme] body :is(#NavModal, #LinkBridgeModal, #QrModal, #SinkModal, #ScanModal, #CapabilityFallbackModal, #IncomingCallModal, #PermModal, #AuthModal) .Modal__card::before{content:none;}

html[data-theme] body .QrBox{background:#FFFFFF;box-shadow:none;}
html[data-theme] body .VideoStage{background:var(--Bg);}
html[data-theme] body .VideoStage::before{background:none;}
html[data-theme] body :is(.TopInfo, .BottomBar){background:var(--Panel);color:var(--Text);border-color:var(--Border);border-radius:16px;box-shadow:none;backdrop-filter:none;}
html[data-theme] body :is(.TopInfo .logo, .TopInfo .logo a, .TopInfo .logo b){color:var(--Text);}
html[data-theme] body .TopInfo .status{color:var(--Muted);}
html[data-theme] body .CallTimer{background:var(--ColorSelectedBg);color:var(--ColorSelectedText);border-color:var(--ColorSelectedText);box-shadow:none;}
html[data-theme] body .CtrlBtn{background:var(--Panel);color:var(--Text);border:1px solid var(--ColorBorderControl);border-radius:12px;box-shadow:none;}
html[data-theme] body .CtrlBtn:hover:not(:disabled){background:var(--ColorSelectedBg);color:var(--ColorSelectedText);}
html[data-theme] body .CtrlBtn.IsOff{background:var(--ColorDangerBg);color:var(--ColorDangerText);border-color:var(--ColorDangerBorder);box-shadow:none;}
html[data-theme] body .CtrlBtn.BtnHangup{background:var(--ColorDangerBg);color:var(--ColorDangerText);border-color:var(--ColorDangerBorder);}
html[data-theme] body .CtrlBtn.IsOff::after{background:var(--ColorDangerText);}
html[data-theme] body .VideoStage:is(.CallIsWaiting, .CallIsCalling)::after{background:var(--ColorSelectedBg);color:var(--ColorSelectedText);border-color:var(--ColorBorderControl);text-shadow:none;box-shadow:none;animation:none;}
html[data-theme] body .UpdatePrompt{top:calc(12px + env(safe-area-inset-top));bottom:auto;z-index:1100;background:var(--Panel);color:var(--Text);border:2px solid var(--ColorFocus);padding:16px;font-size:16px;line-height:1.4;box-shadow:0 8px 28px rgba(0,0,0,.25);}
html[data-theme] body .UpdatePrompt .Btn{height:auto;min-height:44px;}
@media (max-width:599px){
	html[data-theme] body :is(.PageShell, .AdminWrap){margin:12px auto calc(12px + env(safe-area-inset-bottom));}
	html[data-theme] body :is(.PageCard, .AdminCard){padding:18px;}
	html[data-theme] body :is(.PageTitle, .AdminH1, .Modal__title){font-size:24px;line-height:30px;}
	html[data-theme] body :is(.Modal .Btn, .Btn){white-space:normal;overflow-wrap:anywhere;padding:10px 14px;}
	html[data-theme] body :is(.Modal__row, .TransferCard__actions){min-width:0;}
	html[data-theme] body .AdminGrid{grid-template-columns:1fr;}
}

html[data-theme] body .ScanBox{width:100%;max-width:360px;min-width:0;box-shadow:none;}
html[data-theme] body .CodeTypeHints{background:var(--Surface);border:1px solid var(--Border);box-shadow:none;}

html[data-theme] body .TrustedContactCard :is(.audioBtn, .videoBtn)::before{content:none;}

html[data-theme] body .DiscoveryChoice{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;}
html[data-theme] body #AliasDiscoverable{appearance:none;flex:0 0 22px;width:22px;height:22px;margin:0;border:2px solid var(--ColorBorderControl);border-radius:4px;background:var(--Surface);color:var(--ColorSelectedText);display:grid;place-content:center;}
html[data-theme] body #AliasDiscoverable:checked{background:var(--ColorSelectedBg);}
html[data-theme] body #AliasDiscoverable:checked::after{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-1px);}
html[data-theme] body #AliasDiscoverable:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
html[data-theme] body #AliasDiscoverable:disabled{cursor:not-allowed;}

.OutgoingCallPanel{
	grid-column:1 / -1;
	min-width:0;
	padding:12px;
	border-radius:12px;
	background:var(--Surface);
	color:var(--Text);
	font-size:14px;
	line-height:1.5;
	overflow-wrap:anywhere;
}
.OutgoingCallPanel .Modal__row{
	margin-top:10px;
	flex-wrap:wrap;
}
.OutgoingCallPanel .Btn{
	white-space:normal;
	min-width:0;
}

#RecoveryCodesOutput{
	box-sizing:border-box;
	width:100%;
	height:14em;
	padding:10px;
	font-family:monospace;
	font-size:14px;
	line-height:1.5;
	resize:vertical;
}
#AuthRecoveryRow summary{
	min-height:44px;
	align-content:center;
	cursor:pointer;
	color:var(--Text);
}
#AuthRecoveryRow summary:focus-visible{
	outline:3px solid var(--Accent);
	outline-offset:2px;
}
#AuthRecoveryRow .Input{
	box-sizing:border-box;
	width:100%;
	margin-bottom:10px;
}
#RecoveryPanel .Btn{white-space:normal;}

html[data-theme] .WorkspaceUi #TrustedModal > .Modal__card{
	display:flex; flex-direction:column; gap:20px; overflow:hidden;
}
#TrustedModal .ContactsHeader{position:relative; flex:none; padding:0 60px 0 0;}
#TrustedModal.ContactsSubView .ContactsHeader{padding-left:56px;}
#TrustedModal .ContactsHeader .ModalBackBtn{top:0; left:0;}
html[data-theme] #TrustedModal .ContactsHeader .Modal__title{margin:0; padding:0;}
html[data-theme] #TrustedModal .ContactsHeader .Modal__hint{margin:6px 0 0; padding:0;}
#TrustedModal .ContactsBody{min-height:0; overflow:auto; padding:3px;}
#TrustedModal .TrustedUnlockedContent{display:block;}
.ContactsToolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.ContactsToolbar .Btn{min-width:0;padding-inline:10px;white-space:normal;}
#TrustedModal .ContactsChoices{display:grid; gap:10px; max-width:560px;}
#TrustedModal .ContactsChoices .Hint{margin:0 0 14px;}
html[data-theme] #TrustedModal :is(.FlowBlock,.TrustTabPanel){margin:0; padding:0; border:0;}
#TrustedModal .TrustActions{flex-direction:row; flex-wrap:wrap;}
#TrustedModal .TrustActions .Btn{flex:1 1 180px;}

#TrustedModal .ContactManage{ margin-top:16px; }
#TrustedModal .ContactManage[open] > summary{ margin-bottom:12px; }

#AuthModal #AuthAlternativeMethods[open] > summary{margin-bottom:16px;}
#AuthModal #AuthHint{overflow-wrap:anywhere;}

#ProfileModal .ProfileChoices{display:grid; gap:12px; margin-top:20px;}
#ProfileModal .TrustActions{flex-direction:row; flex-wrap:wrap;}
#ProfileModal .TrustActions .Btn{flex:1 1 180px;}

html[data-theme] body .Btn.Good{font-weight:700;}
html[data-theme] body :is(#BtnProfileLogin, #BtnPasskeyListRefresh){margin-block:0 12px;}
html[data-theme] body #BtnPasskeyListRefresh{margin-top:12px;}
html[data-theme] body .Modal__card > .Btn + :is(.AliasCard, .EmptyState, .FlowBlock){margin-top:12px;}
html[data-theme] body .Btn[data-ui-icon]::before{
	content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;
	background:currentColor;mask:var(--ActionIcon) center / contain no-repeat;
	-webkit-mask:var(--ActionIcon) center / contain no-repeat;
}
html[data-theme] body .Btn[data-ui-icon]{gap:8px;}
.AppBrand{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--Text);text-decoration:none;font-size:20px;font-weight:700;}
.AppBrand img{width:32px;height:32px;flex:none;}
.AppBrand:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:2px;border-radius:6px;}
.AppVersion{display:block;color:var(--Muted);font-size:12px;line-height:18px;overflow-wrap:anywhere;}
.AppFooter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--Border);}
html[data-theme] .WorkspaceUi .BottomAppNav > :is(.AppBrand,.AppVersion){display:none;}
@media(min-width:960px){
	html[data-theme] .WorkspaceUi .BottomAppNav{grid-template-rows:auto repeat(4,48px) 1fr;}
	html[data-theme] .WorkspaceUi .BottomAppNav > .AppBrand{display:flex;padding:0 8px;margin-bottom:20px;}
	html[data-theme] .WorkspaceUi .BottomAppNav > .AppVersion{display:block;align-self:end;padding:12px 12px 0;border-top:1px solid var(--Border);}
	.AppFooter{display:none;}
}
html[data-theme] body [data-ui-icon="login"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h6v18h-6M3%2012h12m-5-5%205%205-5%205%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="key"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M12%2012h10m-3%200v4m-4-4v3%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="refresh"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207a9%209%200%201%200%201%209M20%203v5h-5%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="qr"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h6v6H3zM15%203h6v6h-6zM3%2015h6v6H3zM15%2015h3v3h3v3h-6v-3m6-6v1%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="open"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7m0-7L10%2014M10%204H4v16h16v-6%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="delete"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="copy"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%204V3H3v13h1%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="send"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21%203-7%2018-4-7-7-4%2018-7Zm0%200L10%2014%22%2F%3E%3C%2Fsvg%3E");}

html[data-theme]{--CallEndBg:#b42318;--CallEndText:#ffffff;--CallAcceptBg:#157347;--CallAcceptText:#ffffff;}
html[data-theme="dark"]{--CallEndBg:#d92d20;--CallAcceptBg:#198754;}
html[data-theme] body #BtnAcceptIncomingCall{background:var(--CallAcceptBg);color:var(--CallAcceptText);border-color:var(--CallAcceptBg);}
html[data-theme] body #BtnDeclineIncomingCall{background:var(--CallEndBg);color:var(--CallEndText);border-color:var(--CallEndBg);}
html[data-theme] body :is(#BtnAcceptIncomingCall,#BtnDeclineIncomingCall):not(:disabled):is(:hover,:active){filter:brightness(.94);}
html[data-theme] body #Info{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;width:min(640px,calc(100% - 24px));box-sizing:border-box;padding:16px;}
html[data-theme] body #Info .logo{grid-column:1;min-width:0;flex-wrap:wrap;gap:12px;}
html[data-theme] body #Info .Presence{display:none;}
html[data-theme] body #HdrCallTimer{grid-column:2;grid-row:1;position:static;margin:0;}
html[data-theme] body #BtnStageMenu{grid-column:3;grid-row:1;position:static;margin:0;}
html[data-theme] body .CallIdentity{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;min-width:0;}
html[data-theme] body #CallPeerName{font-size:20px;line-height:1.3;overflow-wrap:anywhere;color:var(--Text);}
html[data-theme] body #Info :is(#HdrHint,#HdrDbg1,#HdrDbg2,.OutgoingCallPanel){grid-column:1/-1;margin:0;}
html[data-theme] body #Stage .BottomBar{grid-template-columns:repeat(2,minmax(0,1fr));width:min(600px,calc(100% - 24px));box-sizing:border-box;}
html[data-theme] body #Stage .SideControls{position:static;transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;}
html[data-theme] body #Stage .CtrlBtn{display:flex;align-items:center;justify-content:center;gap:8px;}
html[data-theme] body #Stage .CtrlBtn svg{width:22px;height:22px;flex-shrink:0;}
html[data-theme] body .CallControlLabel{font-size:13px;line-height:1.3;}
html[data-theme] body #Stage .CtrlBtn.IsOff::after{display:none;}
html[data-theme] body #BtnHangup{grid-column:1/-1;background:var(--CallEndBg);color:var(--CallEndText);border-color:var(--CallEndBg);box-shadow:none;}
html[data-theme] body #BtnHangup:is(:hover,:active){filter:brightness(.94);}
@media(max-width:380px){html[data-theme] body #Info{padding:12px;gap:8px;}html[data-theme] body #Info .logo .status{font-size:11px;}html[data-theme] body #CallPeerName{font-size:18px;}}

html[data-theme] #BtnHangup svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

html[data-theme] body.CallScreen .Toast{top:auto;bottom:var(--CallToastBottom,100px);max-width:calc(100% - 32px);}

html[data-theme] body #Stage .BottomBar > #BtnStart{grid-column:1/-1;}

body.NoPasskey :is(#BtnOpenPasskeyProfile,#BtnMorePasskey,#BtnPasskeyUnified,#AuthPasskeyRow,#BtnProfilePasskey){display:none!important;}
body.NoRecovery :is(#AuthRecoveryRow,[data-open-profile="recovery"],#RecoveryPanel){display:none!important;}
body.NoPasskey.NoRecovery #AuthAlternativeMethods{display:none!important;}
html[data-theme] body #Info .logo{flex-wrap:nowrap;}
html[data-theme] body #Info .logo .status{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;min-width:0;line-height:1.4;}
html[data-theme] body #Stage .SideControls{position:absolute;left:12px;right:auto;top:45%;bottom:auto;transform:translateY(-50%);display:flex;flex-direction:column;width:auto;gap:4px;padding:4px;background:var(--Panel);border-radius:24px;z-index:30;}
html[data-theme] body #Stage .CtrlBtn{width:44px;min-height:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--Text);box-shadow:none;}
html[data-theme] body #Stage .CtrlBtn.IsOff{background:var(--ColorSelectedBg);color:var(--Text);}
html[data-theme] body .CallControlLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
html[data-theme] body #Stage .BottomBar{width:min(600px,calc(100% - 32px));max-width:calc(100% - 32px);min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;background:transparent;border:0;box-shadow:none;}
html[data-theme] body #Stage .BottomBar > .Btn{min-height:44px;min-width:0;width:100%;white-space:normal;}
html[data-theme] body #BtnHangup{min-height:44px;padding:10px 16px;}
html[data-theme] body #Stage:is(.CallIsWaiting,.CallIsCalling)::after{content:"";width:72px;height:72px;border:0;border-radius:0;background:var(--Text);animation:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 3.1 5.2 2 2 0 0 1 5.1 3h3l2 5-2 2a16 16 0 0 0 6 6l2-2 5 2z'/%3E%3C/svg%3E") center/contain no-repeat;}

html[data-theme] body #Stage .SideControls:not(:has(button:not(.IsHidden))){display:none;}

html[data-theme] body #Stage .CtrlBtn{min-width:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;-webkit-tap-highlight-color:transparent;}
html[data-theme] body #Stage .CtrlBtn:is(:hover,:active,:focus-visible,.IsOff){border-radius:50%;background:var(--ColorSelectedBg);color:var(--ColorSelectedText);}
html[data-theme] body.CallConnected #Info{padding:8px 12px;gap:4px 10px;}
html[data-theme] body.CallConnected #Info .logo{display:none;}
html[data-theme] body.CallConnected #Info .CallIdentity{grid-column:1;grid-row:1;gap:2px;}
html[data-theme] body.CallConnected #CallPeerName{font-size:16px;line-height:1.25;}
html[data-theme] body.CallConnected #Info :is(#HdrHint,.OutgoingCallPanel){display:none;}

.AdminSearch{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0;}
.AdminSearch label{flex-basis:100%;}
.AdminSearch .Input{flex:1;min-width:160px;}
.AdminAliasList{display:grid;gap:12px;margin:16px 0;}
#AliasConfirm{margin-top:20px;}
.AdminOverview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;}
.AdminOverview dt{color:var(--Muted);}
.AdminOverview dd{margin:0;overflow-wrap:anywhere;}
.AdminEvents{padding-left:22px;overflow-wrap:anywhere;}
.AdminBlockFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;margin-bottom:16px;align-items:center;}
.AdminBlockFields .Input{width:100%;min-width:0;}
#BlockActionForm > .Input{width:100%;margin-top:8px;}
@media(max-width:600px){.AdminOverview,.AdminBlockFields{grid-template-columns:minmax(0,1fr);}.AdminOverview dd{margin-bottom:8px;}.AdminSearch .Input{min-width:0;flex-basis:100%;}.AdminSearch .Btn{max-width:100%;white-space:normal;height:auto;min-height:48px;}}

html[data-theme] body #AuthModal > .Modal__card{width:min(100%,440px);padding:24px;display:flex;flex-direction:column;gap:16px;}
html[data-theme] body #AuthModal .Modal__title{margin:0;padding-right:76px;}
html[data-theme] body #AuthModal #BtnAuthClose{position:absolute;top:16px;right:16px;width:var(--ControlHeight);}
html[data-theme] body #AuthModal :is(.FormBlock,.Modal__hint,.Modal__row){margin:0;}
html[data-theme] body #AuthModal .FormBlock > .Modal__row{display:flex;flex-direction:column;gap:12px;}
html[data-theme] body #AuthModal .FormBlock > .Modal__row > :is(.Input,.Btn){width:100%;flex:auto;min-height:48px;}
html[data-theme] body #AuthModal #EmailInput{font-size:16px;}
html[data-theme] body #AuthModal #EmailCodeInput{font-size:28px;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums;}
html[data-theme] body #AuthModal #EmailCodeInput::placeholder{font-size:16px;letter-spacing:normal;font-weight:400;}
html[data-theme] body #AuthModal #AuthEmailNavigation{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
html[data-theme] body #AuthModal .AuthQuiet{background:transparent;border-color:transparent;box-shadow:none;color:var(--Muted);min-height:44px;padding:10px 8px;flex:none;}
html[data-theme] body #AuthModal .AuthQuiet:is(:hover,:active){background:var(--ColorSelectedBg);color:var(--ColorSelectedText);}
html[data-theme] body #AuthModal #AuthStatus:empty{display:none;}

html[data-theme] body .TrustedContactCard--compact{
	display:block;
	padding:0;
	border:0;
}
html[data-theme] body .TrustedContactCard--compact .TransferCard__head{min-width:0;gap:8px;flex-wrap:nowrap;flex-direction:row;align-items:center;}
html[data-theme] body .TrustedContactCard--compact .TransferCard__copy{min-width:0;flex:1;}
html[data-theme] body .TrustedContactCard--compact .TransferCard__actions{display:flex;margin:0;gap:0;}
html[data-theme] body .TrustedContactCard--compact .TransferCard__actions .Btn{
	flex:none;
	width:auto;
	min-height:44px;
	padding:10px 12px;
	font-size:14px;
}

html[data-theme] body .TrustedContactCard--compact .TransferCard__meta{overflow-wrap:anywhere;}

.AccountIdentity{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;}
.AccountAvatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;background:var(--ColorSelectedBg);color:var(--ColorSelectedText);font-size:16px;font-weight:700;}
.AccountAvatar > span{position:absolute;}
.AccountAvatar img{width:100%;height:100%;object-fit:cover;}
.AccountAvatar [hidden]{display:none;}
.ProfileAvatarPreview{margin-bottom:12px;}
.ProfileAvatarPreview .AccountAvatar{width:80px;height:80px;flex-basis:80px;font-size:28px;}
#ProfileAvatarInput{display:block;width:100%;max-width:100%;margin-bottom:12px;}
html[data-theme] body :is(.Modal__title,.HomeBrand)[tabindex="-1"]:focus{outline:none;box-shadow:none;}

body.WorkspaceUi:not(.CallScreen) #Stage > :not(.BottomAppNav):not(.UpdatePrompt),
body.WorkspaceUi:not(.CallScreen) #Stage::before,
body.WorkspaceUi:not(.CallScreen) #Stage::after{
	display:none !important;
}

html[data-theme] body .TrustedContactCard .ContactRow{display:block;width:100%;min-height:64px;text-align:left;padding:12px;}
html[data-theme] body .TrustedContactCard .ContactRow .TransferCard__head{margin:0;}
html[data-theme] body #ContactDetailView .ContactConversation > .TransferCard__head{display:none;}
html[data-theme] body #TransferModal.TransferToContact .TransferRecipientSummary{background:transparent;padding:0;justify-content:flex-end;}
html[data-theme] body #TransferModal.TransferToContact .TransferRecipientSummary > div{display:none;}
html[data-theme] body #TransferModal #BtnChooseTransferFile{min-height:44px;}

.ConversationToolbar{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.ConversationToolbar .Btn{min-height:44px;}
.ConversationMessages{margin:20px 0;max-height:240px;overflow-y:auto;background:var(--Bg);}
.ConversationSent{margin:12px 0 12px auto;max-width:90%;padding:12px 16px;border-radius:12px;background:var(--ColorSelectedBg);color:var(--ColorSelectedText);overflow-wrap:anywhere;}
html[data-theme] body #TransferModal.TransferToContact .ConversationMessages .EmptyState{padding:16px;text-align:left;}
@media(max-width:600px){.ConversationToolbar .Btn{flex:1 1 120px;}.ConversationSent{max-width:100%;}.ConversationMessages{max-height:170px;}}

html[data-theme] body #TransferModal.TransferToContact #TransferPayloadStep > .FlowBlock > .FlowBlock__head{display:none;}

html[data-theme] body #TransferModal.TransferToContact #TransferRecipientBlock{display:none;}
html[data-theme] body #TransferModal.TransferToContact #TransferSubmitRow{padding:12px 0;background:var(--Panel);}
html[data-theme] body #TransferModal #TransferStatus:empty{display:none;}

.ConversationMessages:focus-visible{outline:2px solid var(--ColorFocus);outline-offset:3px;}

html[data-theme] body :is(.Modal .Btn, .Btn, .TransferKindTab, .TransferRecipientTab, .TrustTab){white-space:nowrap;overflow-wrap:normal;word-break:normal;}
html[data-theme] body #TransferModal.TransferToContact:not(.ContactWriting) :is(#TransferPayloadStep, #TransferSubmitRow, #TransferPrivacyDetails){display:none;}
html[data-theme] body #TransferModal.TransferToContact .ConversationToolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;}
html[data-theme] body #TransferModal.TransferToContact .ConversationToolbar .Btn{min-height:44px;padding:10px 12px;font-size:14px;gap:8px;}
html[data-theme] body #TransferModal.TransferToContact .ConversationMessages{margin:12px 0;}
html[data-theme] body #TransferModal.TransferToContact .Modal__title{font-size:20px;line-height:26px;}
html[data-theme] body #TransferModal.TransferToContact :is(.Modal__hint, .FieldLabel, .FlowBlock__hint, .EmptyState__text){font-size:13px;line-height:19px;}
html[data-theme] body #TransferModal.TransferToContact .FormBlock{margin-top:12px;}
html[data-theme] body #TransferModal.TransferToContact #TransferPayloadStep > .FlowBlock{margin-top:12px;margin-bottom:9px;padding-top:0;}
html[data-theme] body #TransferModal.TransferToContact .TransferKindTab{font-size:14px;padding:10px 8px;}
html[data-theme] body #TransferModal.TransferToContact .Textarea{height:96px;min-height:96px;}
html[data-theme] body #TransferModal .ModalBackBtn{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:10px;}
html[data-theme] body .ModalBackBtn ~ :is(.Modal__title, .Modal__hint){padding-left:72px;}
html[data-theme] body #TrustedModal.ContactsSubView .ContactsHeader{padding-left:72px;}
html[data-theme] body .PageTop{gap:20px;}

html[data-theme] body #TransferModal.ContactWriting :is(.ConversationToolbar, .TransferKindChoice){display:none;}
html[data-theme] body #TransferModal .ComposerSafetyHint{position:relative;background:transparent;border:0;border-radius:0;padding:8px 52px 8px 0;margin:12px 0;color:var(--Muted);font-size:12px;font-weight:400;line-height:18px;}
html[data-theme] body #TransferModal .ComposerSafetyHint .IconBtn{position:absolute;right:0;top:0;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--Muted);}
html[data-theme] body #TransferModal .ComposerSafetyHint .IconBtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;}
html[data-theme] body #TransferModal #TransferPrivacyDetails{padding:0;border:0;background:transparent;margin:0;}
html[data-theme] body #TransferModal #TransferPrivacyDetails summary{box-sizing:border-box;min-height:28px;padding:4px 0;margin-bottom:0;color:var(--Muted);}
html[data-theme] body #TransferModal #TransferPrivacyDetails .FlowBlock__body{padding-top:0;gap:6px;}
html[data-theme] body #TransferModal #TransferPrivacySummary{margin:0;}
html[data-theme] body #TransferModal #TransferPrivacyDetails a{display:inline-flex;align-items:center;min-height:44px;color:var(--Muted);}
html[data-theme] body #TransferModal #TransferPrivacyDetails .FlowBlock__title{font-size:14px;font-weight:500;color:var(--Muted);}
html[data-theme] body #TransferModal #TransferPrivacyDetails .FlowBlock__hint{font-size:12px;line-height:18px;}
html[data-theme] body #TransferModal.ContactWriting #TransferPrivacyDetails :is(.FlowBlock__body > a,#TransferPrivacySummary){display:none;}
html[data-theme] body #TransferModal.ContactWriting #TransferPrivacyDetails .TransferOptions{margin:4px 0 0;gap:4px;}
html[data-theme] body #TransferModal.ContactWriting #TransferPrivacyDetails .TransferOptions > .FieldLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html[data-theme] body #TransferModal.ContactWriting #TransferPrivacyDetails .CheckLine{box-sizing:border-box;min-height:28px;padding:0 2px;font-size:12px;line-height:18px;}
html[data-theme] body #TransferModal.ContactWriting #BtnSendTransfer{min-height:44px;}

html[data-theme] body .Modal__row{flex-wrap:wrap;}
html[data-theme] body .Modal__row > :is(.Btn,a.Btn){flex:1 1 auto;min-width:max-content;max-width:100%;min-height:44px;font-size:14px;}
html[data-theme] body #CapabilityFallbackModal .Modal__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;}
html[data-theme] body #CapabilityFallbackModal .Modal__row > .Btn{min-width:0;width:100%;}
html[data-theme] body #TransferModal.ContactWriting > .Modal__card{display:flex;flex-direction:column;padding-bottom:12px;height:calc(100dvh - var(--BottomNavH) - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
html[data-theme] body #TransferModal.ContactWriting :is(#TransferScreenContent, #TransferSendFlow, #TransferStandardForm){display:flex;flex-direction:column;flex:1;min-height:0;}
html[data-theme] body #TransferModal.ContactWriting :is(#TransferScreenContent, #TransferSendFlow, #TransferStandardForm) > :not(.ConversationMessages, #TransferSendFlow, #TransferStandardForm){flex-shrink:0;}
@media(min-width:960px){html[data-theme] body #TransferModal.ContactWriting > .Modal__card{height:calc(100dvh - 64px);}}
html[data-theme] body #TransferModal.ContactWriting .ConversationMessages{flex:1 1 auto;min-height:120px;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-gutter:stable;padding:12px;margin:0;border:1px solid color-mix(in srgb,var(--Border) 50%,var(--Panel));border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--Muted) var(--Panel);}
@media(max-width:599px){html[data-theme] body #TransferModal.ContactWriting .ConversationMessages{padding:8px 18px;margin-inline:-20px;}}
html[data-theme] body #TransferModal.ContactWriting .ConversationMessages::-webkit-scrollbar{width:8px;}
html[data-theme] body #TransferModal.ContactWriting .ConversationMessages::-webkit-scrollbar-track{background:var(--Panel);border-radius:8px;}
html[data-theme] body #TransferModal.ContactWriting .ConversationMessages::-webkit-scrollbar-thumb{background:var(--Muted);border:2px solid var(--Panel);border-radius:8px;}
html[data-theme] body .ConversationBubble{position:relative;box-sizing:border-box;width:fit-content;min-width:132px;max-width:90%;margin:10px auto 0 0;padding:6px 10px;background:var(--Panel);color:var(--Text);border:1px solid var(--Border);border-radius:12px;overflow-wrap:anywhere;}
html[data-theme] body .ConversationBubble--outgoing{margin-left:auto;margin-right:0;background:var(--Panel);}
html[data-theme] body .ConversationBubble:not(.ConversationBubble--outgoing) + .ConversationBubble:not(.ConversationBubble--outgoing),html[data-theme] body .ConversationBubble--outgoing + .ConversationBubble--outgoing{margin-top:4px;}
.ConversationDay{text-align:center;margin:12px 0 8px;color:var(--Muted);font-size:12px;line-height:18px;}
html[data-theme] body .IncomingList:has(> .ConversationBubble){display:block;}
html[data-theme] body .ConversationBubble .TransferDetails{margin:0;gap:4px;}
html[data-theme] body .ConversationBubble pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0 0 4px;}
html[data-theme] body .ConversationBubble__meta{display:flex;align-items:center;gap:4px;font-size:12px;line-height:18px;color:var(--Muted);}
html[data-theme] body .ConversationBubble__meta > .ConversationBubble__date{margin-left:0;}
html[data-theme] body .ConversationBubble__meta > .ConversationBubble__receipt{margin-left:auto;}
html[data-theme] body .ConversationBubble .TransferCard{border:0;background:transparent;box-shadow:none;padding:0;margin:0;}
html[data-theme] body .ConversationBubble .TransferCard__actions{display:flex;flex-wrap:wrap;gap:8px;}
html[data-theme] body .ConversationBubble .Btn{flex:0 1 auto;min-width:max-content;min-height:44px;font-size:14px;}

html[data-theme] body #TransferModal.ContactWriting .ConversationBubble pre{font-size:16px;line-height:24px;}
html[data-theme] body #TransferModal.ContactWriting #TransferStepHint[data-presence="self"]{font-size:11px;line-height:16px;padding-right:52px;}
html[data-theme] body #TransferModal.ContactWriting :is(.Modal__hint, .FieldLabel){font-size:12px;line-height:18px;color:var(--Muted);font-weight:400;}
html[data-theme] body #TransferModal.ContactWriting #TransferFileBlock > .FieldLabel{display:block;font-size:11px;line-height:16px;}
html[data-theme] body #TransferModal.ContactWriting .ComposerSafetyHint{margin:4px 0;padding-top:4px;padding-bottom:4px;font-size:11px;line-height:16px;}
html[data-theme] body #TransferModal.ContactWriting #TransferPrivacyDetails :is(.FlowBlock__title, .FlowBlock__hint){font-size:12px;line-height:18px;font-weight:400;}
html[data-theme] body :is(#TransferModal.ContactWriting, #InboxModal) :is(.ConversationBubble__meta, .TransferCard__meta){font-size:11px;line-height:16px;color:var(--Muted);font-weight:400;}
html[data-theme] body #InboxModal .Modal__hint{font-size:12px;line-height:18px;}
html[data-theme] body :is(#TransferModal.ContactWriting, #InboxModal) .TransferCard__badge{background:transparent;color:var(--Muted);font-size:11px;font-weight:400;padding:2px 0;}
html[data-theme] body :is(#TransferModal.ContactWriting, #InboxModal) .TransferCard__actions > .Btn.Secondary{background:transparent;border-color:transparent;color:var(--Muted);box-shadow:none;}
html[data-theme] body :is(#TransferModal.ContactWriting, #InboxModal) .TransferCard__actions > .Btn.Secondary:hover{background:var(--Surface);color:var(--Text);}

html[data-theme] body #TransferModal.ContactWriting .ConversationComposer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:start;}
html[data-theme] body #TransferModal.ContactWriting #TransferTextBlock{position:relative;min-width:0;grid-column:1;grid-row:1;margin:0;}
html[data-theme] body #TransferModal.ContactWriting #TransferTextBlock > .FieldLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html[data-theme] body #TransferModal.ContactWriting .Textarea{display:block;width:100%;height:64px;min-height:64px;padding:12px 100px 12px 12px;font-size:14px;line-height:20px;}
html[data-theme] body #TransferModal.ContactWriting #TransferFileBlock:not(.IsHidden){display:contents;}
html[data-theme] body #TransferModal.ContactWriting .TransferFilePicker{position:absolute;right:56px;top:4px;margin:0;}
html[data-theme] body #TransferModal.ContactWriting #BtnChooseTransferFile{width:44px;min-width:44px;height:48px;padding:10px;background:transparent;color:var(--Muted);border-color:transparent;box-shadow:none;}
html[data-theme] body #TransferModal.ContactWriting #BtnChooseTransferFile:hover{background:var(--Surface);color:var(--Text);}
html[data-theme] body #TransferModal.ContactWriting #BtnChooseTransferFile > span:not(.BtnIcon){display:none;}
html[data-theme] body #TransferModal.ContactWriting #BtnChooseTransferFile .BtnIcon{width:24px;height:24px;background:transparent;color:inherit;box-shadow:none;}
html[data-theme] body #TransferModal.ContactWriting #BtnChooseTransferFile svg{width:22px;height:22px;}
html[data-theme] body #TransferModal.ContactWriting #TransferFileBlock > :is(.FieldLabel, .TransferSelectedFile, #BtnRemoveTransferFile){grid-column:1/-1;}
html[data-theme] body #TransferModal.ContactWriting #TransferFileBlock > .FieldLabel{margin:0;}
html[data-theme] body #TransferModal.ContactWriting #TransferSubmitRow{display:flex;flex-flow:row nowrap;align-items:stretch;grid-column:2;grid-row:1;align-self:stretch;margin:0;padding:0;}
html[data-theme] body #TransferModal.ContactWriting #BtnSendTransfer{flex:0 0 44px;align-self:stretch;width:44px;min-width:44px;height:auto;padding:10px;}
html[data-theme] body #TransferModal.ContactWriting #BtnSendTransfer > span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html[data-theme] body #TransferModal #BtnSendTransfer[aria-busy="true"]{background:var(--ColorPrimaryBg);color:var(--ColorPrimaryText);border-color:var(--ColorPrimaryBg);cursor:wait;}
html[data-theme] body #TransferModal #BtnSendTransfer[aria-busy="true"] > .BtnIcon{position:relative;}
html[data-theme] body #TransferModal #BtnSendTransfer[aria-busy="true"] > .BtnIcon svg{visibility:hidden;}
html[data-theme] body #TransferModal #BtnSendTransfer[aria-busy="true"] > .BtnIcon::after{content:"";position:absolute;inset:0;box-sizing:border-box;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:PhotoPreviewSpin .8s linear infinite;}
@media(prefers-reduced-motion:reduce){html[data-theme] body #TransferModal #BtnSendTransfer[aria-busy="true"] > .BtnIcon::after{animation:none;}}
html[data-theme] body #TransferModal .MessageAttachmentHint{margin:8px 0;color:var(--Muted);font-size:11px;font-weight:400;line-height:16px;}

html[data-theme] body .TransferItem pre{padding:12px 14px;margin:8px 0;border-radius:10px;font-size:16px;line-height:24px;}
html[data-theme] body .TransferItem--image > :is(.TransferItem__label,.TransferItem__name,.TransferItem__meta){display:none;}
html[data-theme] body .PhotoPreviewTile{display:block;width:100%;max-width:320px;min-height:96px;padding:16px;border:1px solid var(--Muted);border-radius:12px;background:var(--Surface);color:var(--Text);font:inherit;font-size:14px;line-height:20px;text-align:left;overflow-wrap:anywhere;cursor:pointer;}
html[data-theme] body .PhotoPreviewTile:hover{background:var(--Panel);}
html[data-theme] body .PhotoPreviewTile:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
html[data-theme] body .PhotoPreviewTile.IsOpen{width:auto;min-height:44px;margin-bottom:4px;padding:8px;border:0;background:transparent;color:var(--Muted);}
html[data-theme] body .PhotoPreviewTile:disabled{cursor:wait;opacity:.7;}
html[data-theme] body .PhotoPreviewPanel{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0;margin:0;}
html[data-theme] body .PhotoPreviewPanel .TransferFilePreview{display:block;width:100%;max-width:420px;max-height:60vh;object-fit:contain;margin:0;border-radius:10px;}
html[data-theme] body .PhotoPreviewPanel > .Btn{flex:0 0 auto;width:auto;min-height:44px;padding:10px 12px;font-size:14px;}
html[data-theme] body :is(#InboxModal,#ReceiveModal) .TransferCard > .TransferCard__actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:4px 0;}
html[data-theme] body :is(#InboxModal,#ReceiveModal) .TransferCard > .TransferCard__actions > .Btn{flex:0 0 auto;align-self:center;width:auto;min-height:44px;padding:8px;font-size:12px;background:transparent;border:0;box-shadow:none;color:var(--Muted);}
html[data-theme] body :is(#InboxModal,#ReceiveModal) .TransferCard > .TransferCard__actions > .Btn:hover{background:var(--Surface);color:var(--Text);}
html[data-theme] body .TransferDetails .TransferItem{padding:0;border:0;background:transparent;gap:4px;}
html[data-theme] body .TransferItem--text > .TransferItem__label{display:none;}
html[data-theme] body .TransferItem--text .TransferItem__actions{justify-content:flex-end;margin:0;}
html[data-theme] body .TransferItem--text .TransferItem__actions > .Btn{flex:0 0 auto;align-self:center;width:auto;min-height:44px;padding:8px;font-size:12px;background:transparent;border:0;color:var(--Muted);}

html[data-theme] body #TransferModal.ContactWriting .ComposerSafetyHint{background:var(--Surface);padding:10px 44px 10px 12px;border-radius:10px;color:var(--Muted);}
html[data-theme] body .ConversationBubble__head{margin:0;}
html[data-theme] body .ConversationBubble__menu{flex:0 0 auto;}
html[data-theme] body .ConversationBubble__toggle{display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--Muted);font:inherit;font-size:20px;box-shadow:none;cursor:pointer;}
html[data-theme] body .ConversationBubble__toggle:hover,html[data-theme] body .ConversationBubble__toggle[aria-expanded="true"]{background:var(--SurfaceAlt);color:var(--Text);}
html[data-theme] body .ConversationBubble__toggle:focus-visible{outline:2px solid var(--ColorFocus);outline-offset:1px;}
html[data-theme] body .ConversationBubble__actions{position:fixed;inset:auto;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;width:max-content;min-width:180px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:0;padding:8px;border:1px solid var(--ColorBorderControl);border-radius:10px;background:var(--Panel);color:var(--Text);box-shadow:0 4px 16px color-mix(in srgb,var(--Text) 15%,transparent);overflow:auto;}
html[data-theme] body .ConversationBubble__actions[popover]:not(:popover-open){display:none;}
html[data-theme] body .ConversationBubble__actions .ConversationBubble__lifetime{order:-1;flex-basis:100%;margin:0 0 4px;padding:4px;color:var(--Muted);font-size:12px;line-height:18px;}
html[data-theme] body .ConversationBubble .ConversationBubble__actions > :is(button,a){box-sizing:border-box;flex:0 0 32px;display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--Text);box-shadow:none;cursor:pointer;}
html[data-theme] body .ConversationBubble .ConversationBubble__actions > :is(button,a):hover{background:var(--SurfaceAlt);}
html[data-theme] body .ConversationBubble .ConversationBubble__actions > :is(button,a):focus-visible{outline:2px solid var(--ColorFocus);outline-offset:-3px;}
@media(pointer:coarse){html[data-theme] body .ConversationBubble__toggle{width:44px;height:28px;min-height:28px;}html[data-theme] body .ConversationBubble .ConversationBubble__actions > :is(button,a){flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:14px;}}
html[data-theme] body .ConversationBubble__sender{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:400;color:var(--Muted);overflow-wrap:anywhere;}
html[data-theme] body .ConversationBubble__sender .AccountAvatar{width:28px;height:28px;flex-basis:28px;font-size:13px;background:var(--ColorPrimaryBg);color:var(--ColorPrimaryText);}
html[data-theme] body .ConversationBubble__date{margin-left:auto;color:var(--Muted);font-size:11px;white-space:nowrap;}
html[data-theme] body .ConversationBubble__delete{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--Muted);font-size:22px;cursor:pointer;}
html[data-theme] body .ConversationBubble__delete:hover{background:var(--Panel);color:var(--Text);}
html[data-theme] body .ConversationBubble__delete:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:2px;}
html[data-theme] body .ConversationBubble :is(.TransferItem__label,.TransferItem--text .TransferItem__actions){display:none;}
html[data-theme] body .ConversationBubble .TransferItem--text .TransferItem__actions:has(.MessageCopyButton){display:flex;justify-content:flex-end;}
html[data-theme] body .IconBtn:is(.MessageCopyButton, .MessageSaveButton){width:44px;height:44px;min-height:44px;padding:12px;background:transparent;border-color:transparent;color:var(--Muted);}
html[data-theme] body .MessageCopyButton svg{width:16px;height:16px;}
.MessageLinkPreview{margin:8px 0;max-width:100%;overflow-wrap:anywhere;font-size:13px;line-height:19px;}
.MessageLinkPreview > [hidden]{display:none!important;}
html[data-theme] body .MessageLinkPreview > .MessageLinkPreview__button{width:auto;min-width:0;min-height:36px;height:auto;padding:6px 10px;border:1px solid var(--Muted);border-radius:8px;background:var(--Surface);color:var(--Text);font-size:12px;line-height:18px;}
html[data-theme] body .MessageLinkPreview > .MessageLinkPreview__button:hover{background:var(--SurfaceAlt);color:var(--Text);}
html[data-theme] body .MessageLinkPreview > .MessageLinkPreview__button:focus-visible{outline:2px solid var(--Text);outline-offset:2px;}
.MessageLinkPreview__content{color:var(--Muted);}
.MessageLinkPreview__content:not(:empty){padding:8px 0;}
.MessageLinkPreview__title{color:var(--Text);font-weight:600;}
.MessageLinkPreview__domain{font-size:11px;line-height:16px;margin-bottom:3px;}
.MessageLinkPreview__description{margin-top:3px;}
@media(pointer:coarse){html[data-theme] body .MessageLinkPreview > .MessageLinkPreview__button{min-height:44px;}}
html[data-theme] body .ConversationBubble__lifetime{display:inline-flex;align-items:center;gap:4px;margin-right:auto;white-space:nowrap;}
html[data-theme] body .ConversationBubble__lifetime svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme] body .ConversationBubble__forwarded{color:var(--Muted);font-size:11px;line-height:16px;margin:2px 0 6px;}
html[data-theme] body .ConversationBubble__meta .MessageForwardButton{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:5px;background:transparent;color:var(--Muted);border-color:var(--ColorBorderControl);box-shadow:none;}
html[data-theme] body .MessageForwardButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;}
html[data-theme] body .MessageForwardDialog{box-sizing:border-box;width:calc(100% - 24px);max-width:460px;max-height:90dvh;overflow-y:auto;padding:20px;border:1px solid var(--ColorBorderControl);border-radius:16px;background:var(--Panel);color:var(--Text);}
html[data-theme] body .MessageForwardDialog::backdrop{background:rgba(0,0,0,.55);}
html[data-theme] body .MessageForwardDialog h2{margin:0 0 12px;font-size:20px;line-height:28px;color:var(--Text);}
html[data-theme] body .MessageForwardDialog__preview{padding:10px;border-radius:8px;background:var(--Surface);color:var(--Text);font-size:13px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;}
html[data-theme] body .MessageForwardDialog .FieldLabel{display:block;margin:12px 0 6px;}
html[data-theme] body .MessageForwardDialog .Select{width:100%;}
html[data-theme] body .MessageForwardDialog .Hint{font-size:12px;line-height:18px;color:var(--Muted);}
@media(pointer:coarse){html[data-theme] body .ConversationBubble__meta .MessageForwardButton{flex-basis:44px;width:44px;height:44px;min-height:44px;padding:13px;}}
html[data-theme] body .ConversationBubble__meta > :is(.MessageCopyButton, .MessageSaveButton){flex:0 0 auto;width:28px;min-width:28px;height:28px;min-height:28px;padding:5px;border-radius:6px;box-shadow:none;}
html[data-theme] body .ConversationBubble__meta > :is(.MessageCopyButton, .MessageSaveButton):hover{background:var(--Surface);color:var(--Text);}
html[data-theme] body .ConversationBubble__meta > :is(.MessageCopyButton, .MessageSaveButton):focus-visible{outline:2px solid var(--Text);outline-offset:2px;}
@media(pointer:coarse){html[data-theme] body .ConversationBubble__meta > :is(.MessageCopyButton, .MessageSaveButton){width:44px;min-width:44px;height:44px;min-height:44px;padding:13px;}}
html[data-theme] body #BtnOpenExchangeInbox small{color:var(--Muted);}
html[data-theme] body #BtnOpenExchangeInbox{grid-column:1/-1;}
html[data-theme] body #ExchangeOneTimeOptions small{color:var(--Muted);}
html[data-theme] body .ConversationBubble .TransferItem pre{flex:0 0 auto;padding:0;margin:0 0 4px;background:transparent;color:var(--Text);font-size:16px;line-height:24px;}
html[data-theme] body .ConversationBubble__pending{font-size:13px;color:var(--Muted);padding:8px 0;}
html[data-theme] body .ConversationExpiryNotice{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 8px 12px;margin:0 0 12px;border:1px solid var(--ColorBorder);border-radius:10px;background:transparent;color:var(--Muted);font-size:13px;line-height:20px;}
html[data-theme] body .ConversationExpiryNotice > span{flex:1;min-width:0;}
html[data-theme] body .ConversationExpiryNotice a{color:var(--Text);text-decoration:underline;text-underline-offset:2px;}
html[data-theme] body .ConversationExpiryNotice__close{flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--Text);font-size:20px;line-height:1;box-shadow:none;}
html[data-theme] body .ConversationExpiryNotice__close:hover{background:var(--Surface);}
html[data-theme] body .ConversationExpiryNotice :is(a,button):focus-visible{outline:2px solid var(--Text);outline-offset:2px;}
@media(pointer:coarse){html[data-theme] body .ConversationExpiryNotice__close{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px;}}
html[data-theme] body .PhotoPreviewTile.IsOpen:has(img){width:100%;max-width:420px;padding:0;background:transparent;}
html[data-theme] body .PhotoPreviewTile .TransferFilePreview{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:10px;}
html[data-theme] body .ConversationBubble .PhotoPreviewTile,
html[data-theme] body .ConversationBubble .PhotoPreviewTile.IsOpen:has(img){display:grid;place-items:center;box-sizing:border-box;width:280px;max-width:100%;height:200px;min-height:0;margin-bottom:4px;padding:8px;background:var(--Surface);}
html[data-theme] body .ConversationBubble .PhotoPreviewTile .TransferFilePreview{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;margin:0;}
html[data-theme] body .PhotoPreviewTile[aria-busy="true"]{position:relative;opacity:1;}
html[data-theme] body .PhotoPreviewTile[aria-busy="true"] img{visibility:hidden;}
html[data-theme] body .PhotoPreviewTile[aria-busy="true"]::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-11px 0 0 -11px;border:2px solid var(--Muted);border-right-color:transparent;border-radius:50%;animation:PhotoPreviewSpin .8s linear infinite;}
@keyframes PhotoPreviewSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){html[data-theme] body .PhotoPreviewTile[aria-busy="true"]::after{animation:none;}}

html[data-theme] body .InboxConversationRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:12px;border:1px solid var(--ColorBorderControl);border-radius:12px;background:var(--Panel);color:var(--Text);text-align:left;cursor:pointer;}
html[data-theme] body .InboxConversationRow--self{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;}
.InboxConversationRow__hint{grid-column:1/-1;color:var(--Muted);font-size:12px;font-weight:400;line-height:18px;}
html[data-theme] body .InboxConversationRow:hover{background:var(--Surface);}
html[data-theme] body .InboxConversationRow:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:2px;}
.InboxConversationRow__name{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;font-weight:600;}
.InboxConversationRow__count{flex-shrink:0;color:var(--Muted);font-size:12px;}
.MessagesToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.MessagesToolbar .FieldLabel{flex:1 1 240px;min-width:0;margin:0;}
.MessagesToolbar .Input{width:100%;min-width:0;box-sizing:border-box;}
html:root[data-theme] body.WorkspaceUi #MessagesToolbar :is(.Input,.Btn){box-sizing:border-box;min-height:48px;height:48px;}
html[data-theme] body .MessagesToolbar > .Btn{padding-block:0;}
html[data-theme] body #InboxSearch{background:transparent;border-color:var(--ControlBorderSoft);box-shadow:none;}
html[data-theme] body .MessagesEmptyNotice{margin:12px 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--Muted);font-size:13px;font-weight:400;line-height:1.5;}
html[data-theme]{--NotificationBadgeBg:#D92D20;--NotificationBadgeText:#FFFFFF;}
html:root[data-theme] body span.InboxBadge{background:var(--NotificationBadgeBg);color:var(--NotificationBadgeText);}
body[data-message-route-pending] :is(#StartModal,#InboxModal,#TransferModal){visibility:hidden;}
.MessageRouteLoading{display:none;}
body[data-message-route-pending] .MessageRouteLoading{display:block;position:fixed;inset:40% 16px auto;z-index:30;padding:20px;border-radius:12px;background:var(--Panel);color:var(--Text);text-align:center;pointer-events:none;}

#InboxModal #BtnOpenAutomaticMessages{margin-block:16px;}
@media(max-width:599px){.MessagesToolbar .FieldLabel{flex-basis:100%;}.MessagesToolbar > .Btn{flex:1 1 0;}}
html[data-theme] body #InboxModal.InboxConversation #InboxScreenTransfers{max-height:60vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
html[data-theme] body #TransferModal .ConversationCallBtn{position:absolute;width:44px;height:44px;}
html[data-theme] body #TransferModal.ContactWriting :is(.Modal__title,.Modal__hint){padding-right:120px;}
html[data-theme] body :is(#TransferModal:not(.ContactWriting),#OpenCodeModal) :is(.Modal__title,.Modal__hint){padding-right:56px;}
@media(max-width:600px){html[data-theme] body #TransferModal .ConversationCallBtn{top:14px;right:70px;}html[data-theme] body #TransferModal.ContactWriting :is(.Modal__title,.Modal__hint){padding-right:110px;}}

html[data-theme] body :is(#BottomInboxBadge,#ConversationInboxBadge){width:auto;min-width:20px;height:20px;padding:0 5px;margin-left:4px;font-size:11px;line-height:20px;vertical-align:middle;}
html[data-theme] body #BtnBottomTransfer{position:relative;}
html[data-theme] body #BottomInboxBadge{position:absolute;top:3px;right:5px;margin:0;}
@media(min-width:960px){html[data-theme] body #BottomInboxBadge{top:50%;right:8px;transform:translateY(-50%);}}
@media(max-width:600px){html[data-theme] body .ReceiveConnected__actions{flex-direction:column;align-items:stretch;}html[data-theme] body .ReceiveConnected__actions .Btn{width:100%;}}

html[data-theme] body :is(.ModalBackBtn, .ModalMenuBtn, .ConversationCallBtn){width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border-radius:10px;top:14px;}
html[data-theme] body .ModalMenuBtn{right:14px;}
html[data-theme] body #TransferModal .ConversationCallBtn{top:14px;right:68px;}
html[data-theme] body #TrustedModal .ContactsHeader{position:static;}
html[data-theme] body #TrustedModal .ContactsHeader .ModalBackBtn{top:14px;left:14px;height:44px;min-height:44px;}
html[data-theme] body #TransferModal.ContactWriting .ConversationMessages .ConversationEmpty{width:100%;box-sizing:border-box;margin:0;padding:8px 0;background:transparent;border:0;box-shadow:none;color:var(--Muted);font-size:13px;text-align:left;}
html[data-theme] body .TransferAttachmentRow{display:flex;align-items:center;gap:8px;min-width:0;}
html[data-theme] body .TransferAttachmentRow:has(.TransferSelectedFile.IsHidden){display:none;}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRow{grid-column:1/-1;}
html[data-theme] body .TransferAttachmentRow .TransferSelectedFile{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;flex:1;min-width:0;margin:0;padding:8px;background:var(--Surface);color:var(--Text);border:0;border-radius:8px;}
html[data-theme] body .TransferSelectedFile__item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;}
html[data-theme] body .TransferAttachmentRow .TransferFilePreview{width:48px;height:48px;max-height:48px;object-fit:cover;margin:0;border-radius:6px;}
html[data-theme] body .TransferFilePlaceholder{display:grid;place-items:center;width:48px;height:48px;color:var(--Muted);font-size:24px;}
html[data-theme] body .TransferFilePlaceholder svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme] body .TransferSelectedFile__item:has(img) .TransferFilePlaceholder{display:none;}
html[data-theme] body .TransferSelectedFile__name{font-size:12px;line-height:18px;overflow-wrap:anywhere;}
html[data-theme] body .TransferAttachmentRow .TransferFilePreviewHint{grid-column:1/-1;font-size:12px;color:var(--Muted);margin:0;}
html[data-theme] body #BtnRemoveTransferFile{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;color:var(--Muted);background:transparent;border-color:transparent;}
html[data-theme] body #TransferModal.ContactWriting .TransferSelectedFile{display:flex;align-items:stretch;gap:8px;padding:0;background:transparent;overflow-x:auto;}
html[data-theme] body #TransferModal.ContactWriting .TransferSelectedFile__item{position:relative;display:flex;flex-direction:column;gap:0;flex:0 0 104px;width:104px;min-width:0;border:1px solid var(--ColorBorderControl);border-radius:10px;background:var(--Surface);overflow:hidden;}
html[data-theme] body #TransferModal.ContactWriting .TransferSelectedFile__item :is(.TransferFilePreview,.TransferFilePlaceholder){width:102px;height:88px;min-height:88px;max-height:88px;object-fit:cover;border-radius:0;}
html[data-theme] body #TransferModal.ContactWriting .TransferSelectedFile__name{width:100%;padding:4px 6px;font-size:11px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
html[data-theme] body #TransferModal.ContactWriting .TransferFilePreviewHint{display:none;}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRemove{position:absolute;z-index:2;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:12px;border:0;border-radius:0 8px 0 12px;background:transparent;color:var(--Text);box-shadow:none;}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRemove::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--Surface);}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRemove svg{position:relative;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRemove:hover:not(:disabled)::before{background:var(--Panel);}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentRemove:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:-3px;}
html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentProgress:not([hidden]){position:absolute;inset:44px 0 24px;display:flex;align-items:center;justify-content:center;gap:6px;padding:2px;background:var(--Surface);color:var(--Text);font-size:11px;line-height:14px;text-align:center;}
html[data-theme] body #TransferModal.ContactWriting .TransferSelectedFile__item[data-phase="sending"] .TransferAttachmentProgress::before{content:"";flex:0 0 12px;width:12px;height:12px;border:2px solid var(--Text);border-right-color:transparent;border-radius:50%;animation:PhotoPreviewSpin .8s linear infinite;}
@media(prefers-reduced-motion:reduce){html[data-theme] body #TransferModal.ContactWriting .TransferAttachmentProgress::before{animation:none;}}

html[data-theme] body .Modal .Modal__card > .IconBtn:is(.ModalBackBtn,.ModalMenuBtn,.ConversationCallBtn){height:44px;min-height:44px;}

html[data-theme] body #TransferModal.ContactWriting .ConversationMessages:has(.ConversationEmpty){scrollbar-gutter:auto;}

.ContactsFilter{position:relative;}
.ContactsFilter > .BtnIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:var(--Muted);stroke-width:1.8;pointer-events:none;}
.ContactsFilter > .Input{width:100%;padding-left:44px;}
html[data-theme] body .ContactsFilter > .Input{background:var(--Panel);border-color:var(--ControlBorderSoft);box-shadow:none;}
html[data-theme] body .ContactsFilter > .Input:hover{background:var(--Surface);}
html[data-theme] body .ContactsFilter > .Input:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:1px;}
.ProfileCurrentEmail{overflow-wrap:anywhere;}

.ContactName{min-width:0;white-space:normal;overflow-wrap:anywhere;}
.ContactAlias{font-weight:400;color:var(--Muted);}
html[data-theme] body #TrustedModal .ContactPresence{flex:0 0 auto;margin:0 0 0 auto;text-align:right;white-space:normal;max-width:110px;}

.CallsRecentList{display:grid;gap:12px;}
#CallLinkOptions .ActionCard__buttons{grid-template-columns:minmax(0,1fr);}
#CallLinkOptions .ActionCard__buttons .Btn{width:100%;min-width:0;white-space:normal;}
html[data-theme] body .CallsRecentList .ActionBtn{height:104px;min-height:104px;padding:12px;}
html[data-theme] body .CallsRecentList .ActionBtn__copy{min-width:0;gap:4px;}
html[data-theme] body .CallsRecentList .TransferCard__title{font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-theme] body .CallsRecentList .TransferCard__meta{font-size:12px;line-height:18px;}
html[data-theme] body .CallsRecentList .CallOutcome{font-size:12px;line-height:18px;font-weight:500;}
html[data-theme] body .CallsRecentList .CallOutcome--missed{color:var(--ColorDangerText);}
html[data-theme] body .CallsRecentList .CallOutcome--accepted{color:var(--ColorSuccessText);}
.CallsRecentList div.ActionBtn{cursor:default;}
.CallsRecentList div.ActionBtn::after{display:none;}

html[data-theme] body :is(.ContactPresence, #TransferModal #TransferStepHint)[data-presence="online"]{color:var(--ColorPresenceOnline);font-weight:600;}
html[data-theme] body :is(.ContactPresence, #TransferModal #TransferStepHint)[data-presence="online"]::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle;}
html[data-theme] body #TransferModal #TransferStepHint[data-presence="typing"]{color:var(--ColorSuccessText);}
html[data-theme] body #TransferModal .ComposerEmoji{position:relative;margin-top:6px;color:var(--Text);}
html[data-theme] body #TransferModal .ComposerEmoji > summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;cursor:pointer;list-style:none;border:1px solid var(--Muted);border-radius:10px;color:var(--Text);background:var(--Panel);}
html[data-theme] body #TransferModal .ComposerEmoji > summary::-webkit-details-marker{display:none;}
html[data-theme] body #TransferModal .ComposerEmoji > summary .BtnIcon{display:inline-flex;width:24px;height:24px;color:inherit;background:transparent;box-shadow:none;}
html[data-theme] body #TransferModal .ComposerEmoji > summary svg{width:24px;height:24px;color:inherit;stroke:currentColor;fill:none;}
html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji{position:absolute;right:48px;top:4px;margin:0;z-index:6;}
html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji > summary{justify-content:center;box-sizing:border-box;width:44px;height:48px;padding:0;background:transparent;color:var(--Muted);border-color:transparent;}
html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji > summary > span:not(.BtnIcon){display:none;}
html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji > summary:hover{color:var(--Text);}
html[data-theme] body #TransferModal .ComposerEmoji__list{position:absolute;bottom:calc(100% + 6px);left:0;z-index:5;display:grid;grid-template-columns:repeat(5,44px);gap:4px;padding:8px;border:1px solid var(--Muted);border-radius:12px;background:var(--Panel);}
html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji__list{left:auto;right:0;}
@media(max-width:599px){
	html[data-theme] body #TransferModal.ContactWriting .Textarea{height:104px;min-height:104px;padding-right:56px;}
	html[data-theme] body #TransferModal.ContactWriting .ComposerEmoji{right:4px;}
	html[data-theme] body #TransferModal.ContactWriting .TransferFilePicker{top:52px;}
}
@supports(-webkit-touch-callout:none){
	html[data-theme] body #TransferModal.ContactWriting .Textarea{font-size:16px;}
}
html[data-theme] body #TransferModal .ComposerEmoji__list > button{width:44px;height:44px;padding:0;border:1px solid var(--Muted);border-radius:8px;background:var(--Panel);color:var(--Text);font-size:22px;cursor:pointer;}
html[data-theme] body #TransferModal .ComposerEmoji > summary:hover,html[data-theme] body #TransferModal .ComposerEmoji__list > button:hover{background:var(--Surface);}
html[data-theme] body #TransferModal .ComposerEmoji > summary:active,html[data-theme] body #TransferModal .ComposerEmoji__list > button:active{background:var(--SurfaceAlt);}
html[data-theme] body #TransferModal .ComposerEmoji > summary:focus-visible,html[data-theme] body #TransferModal .ComposerEmoji__list > button:focus-visible{outline:2px solid var(--Text);outline-offset:2px;}
html[data-theme] body :is(.ContactPresence, #TransferModal #TransferStepHint)[data-presence="away"]{color:var(--ColorDangerText);}

/* Reuse the existing theme and native modal focus handling for private photos. */
.ConversationPhotoViewer{box-sizing:border-box;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:72px 16px 88px;border:0;background:var(--Panel);color:var(--Text);}
.ConversationPhotoViewer[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px;}
.ConversationPhotoViewer img{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;}
.ConversationPhotoViewer__context{box-sizing:border-box;width:100%;max-width:900px;max-height:30dvh;min-height:0;overflow:auto;padding:4px 8px;color:var(--Text);}
.ConversationPhotoViewer__meta{font-size:12px;line-height:18px;color:var(--Muted);overflow-wrap:anywhere;}
.ConversationPhotoViewer__caption{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:24px;}
.ConversationPhotoViewer__close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-height:44px;}
.ConversationPhotoViewer video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.ConversationPhotoViewer [hidden]{display:none!important;}
.ConversationPhotoViewer__navigation{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;align-items:center;justify-content:center;gap:16px;}
.ConversationPhotoViewer__navigation .Btn{min-width:44px;min-height:44px;}
.ConversationPhotoViewer__count{color:var(--Text);text-align:center;}
.ConversationPhotoViewer__status{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 56px));left:16px;right:16px;max-height:30%;overflow:auto;margin:0;padding:8px;border-radius:8px;background:var(--Panel);color:var(--Text);text-align:center;}
.ConversationPhotoViewer__status:empty{display:none;}
.ConversationPhotoViewer :is(.Btn,.IconBtn):focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
html[data-theme] body .ConversationPhotoViewer :is(.Btn,.IconBtn){background:var(--Surface);color:var(--Text);border-color:var(--ColorBorderControl);}
html[data-theme] body .VideoPreviewButton{position:relative;display:grid;place-items:center;box-sizing:border-box;width:240px;max-width:100%;aspect-ratio:1;margin:4px 0 8px;padding:0;overflow:hidden;border:1px solid var(--Muted);border-radius:12px;background:var(--Surface);color:var(--Text);cursor:pointer;}
html[data-theme] body .VideoPreviewButton > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
html[data-theme] body .VideoPreviewButton__play{position:relative;display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;border:2px solid var(--Muted);border-radius:50%;background:var(--Panel);color:var(--Text);}
html[data-theme] body .VideoPreviewButton__play svg{display:block;width:28px;height:28px;fill:currentColor;}
html[data-theme] body .VideoPreviewButton:hover .VideoPreviewButton__play{background:var(--Surface);}
html[data-theme] body .VideoPreviewButton:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
html[data-theme] body .TransferItem:has(> .VideoPreviewButton) > :is(.TransferItem__label,.TransferItem__name,.TransferItem__meta){display:none;}

@media(max-width:599px){
	html[data-theme] .WorkspaceUi .BottomAppNav{gap:0;padding-inline:4px;}
	html[data-theme] .WorkspaceUi .BottomAppNav__item{padding-inline:0;}
}
@media(max-width:359px){
	html[data-theme] .WorkspaceUi .BottomAppNav__item{font-size:10px;}
}

html[data-theme] body .NavItem::after{border-color:var(--Muted);}

html[data-theme] body :is(.DiagRow--info .DiagRow__status){background:var(--ColorInfoBg);color:var(--ColorInfoText);border-color:var(--ColorInfoBorder);}
html[data-theme] body :is(.DiagRow--fail .DiagRow__status, .DiagSummary--fail .DiagSummary__icon){background:var(--ColorDangerBg);color:var(--ColorDangerText);border-color:var(--ColorDangerBorder);}
.DiagGroup__head{flex-wrap:wrap;}
.DiagSummary__icon{font-size:12px;width:44px;height:44px;flex-basis:44px;}

.FeedbackFields{display:grid;gap:12px;min-width:0;border:0;padding:0;margin:0;}
.FeedbackFields .Input{width:100%;min-width:0;}
.FeedbackFields textarea{resize:vertical;}
.FeedbackFields .Hint{margin:0;}
.FeedbackForm .Btn{transition:none;}

html[data-theme] body #BtnGuestCallEmailLater{background:var(--Surface);color:var(--Text);border-color:var(--ColorBorderControl);}
html[data-theme] body #BtnGuestCallEmailLater:is(:hover,:active){background:var(--Panel);color:var(--Text);}
html[data-theme] body #BtnTrustedCreatePasskey{border-color:var(--ColorFocus);}
html[data-theme] body :is(#BtnTrustedCreatePasskey,#BtnGuestCallEmailLater):focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
html[data-theme] body :is(#BtnTrustedCreatePasskey,#BtnGuestCallEmailLater){transition:none;}

#OnlineSendBlock, #OnlineReceiveBlock{ min-width:0; }
#OnlineSendName, #OnlineReceiveName{ overflow-wrap:anywhere; }
#OnlineSendFile{ max-width:100%; }
#OnlineSendBlock .Modal__row, #OnlineReceiveBlock .Modal__row{ flex-wrap:wrap; }
#OnlineSendBlock .Modal__row .Btn, #OnlineReceiveBlock .Modal__row .Btn{ flex:1 1 auto; min-width:min(140px,100%); }

#TransferSendFlow #TransferShareStart{display:none;}
#TransferSendFlow[data-send-mode="choose"] :is(#TransferRecipientStage,#TransferStandardForm,#OnlineSendBlock),
#TransferSendFlow[data-send-mode="online"] #TransferStandardForm,
#TransferSendFlow:not([data-send-mode="online"]) #OnlineSendBlock{display:none;}
#TransferActionChoice .Btn{min-height:56px;white-space:normal;text-align:left;}
#TransferDeliveryChoice .TransferKindTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
#TransferDeliveryChoice .TransferKindTab{width:100%;min-width:0;padding:12px 10px;white-space:normal;border:1px solid var(--ColorBorderControl);}
#TransferDeliveryChoice .TransferKindTab.IsActive{box-shadow:inset 0 0 0 1px var(--ColorSelectedText);}
#BtnChangeSendMode{margin-bottom:16px;}
#OnlineSendSelection{overflow-wrap:anywhere;}

#ProfilePairingPanel .Input{width:100%;box-sizing:border-box;}

#ProfileDevicePanel .Input{width:100%;box-sizing:border-box;}
#SelfDevicePanel .Select{min-width:0;width:100%;}

/* Alena Visual Kit 2026-10-16: shared palette, existing semantic controls. */
html[data-theme="light"]{
	--Brand:#12BBD6;
	--ControlBorderSoft:#CED8E5;
	--IconChipBg:#FFFFFF;
	--IconChipText:#075985;
	--IconChipShadow:rgba(15,23,42,.14);
	--ColorPresenceOnline:#08783B;
	--Bg:#F6F8FC;
	--Surface:#F1F7FC;
	--SurfaceAlt:#E8F6FF;
	--Text:#0F172A;
	--Muted:#52627A;
	--ColorSelectedBg:#E8F6FF;
	--ColorPrimaryBg:#075985;
	--ColorPrimaryText:#FFFFFF;
	--ColorPrimaryHover:#0C4A6E;
	--ColorPrimaryPressed:#083344;
}
html[data-theme="dark"]{
	--Brand:#12BBD6;
	--ControlBorderSoft:#43596C;
	--IconChipBg:#29465A;
	--IconChipText:#D5F1FF;
	--IconChipShadow:rgba(0,0,0,.3);
	--ColorPresenceOnline:#53E28C;
	--Bg:#101923;
	--Panel:#172432;
	--Surface:#203243;
	--SurfaceAlt:#243B4D;
	--Text:#F1F7FC;
	--Muted:#BBCCDB;
	--ColorPrimaryBg:#71D8E8;
	--ColorPrimaryText:#041722;
	--ColorPrimaryHover:#A1E9F3;
	--ColorPrimaryPressed:#46C9DE;
}
.ServiceNews{grid-column:1/-1;min-width:0;}
.AboutPage .AboutHero{margin-bottom:24px;padding:24px;}
.AboutPage .AboutHero__title{margin:0 0 12px;}
.AboutPage .AboutHero__text + .AboutHero__text{margin-top:12px;}
.AboutPage .AboutFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
html[data-theme] body .AboutFeatures .FeatureItem{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;min-width:0;padding:20px;border-radius:4px;background:var(--Surface);cursor:default;box-shadow:none;}
.AboutFeatures .FeatureItem h3{margin:0 0 12px;font-size:20px;line-height:1.3;}
.AboutFeatures .FeatureItem p{margin:0;line-height:1.6;}
.ClassicKit__section{margin-top:24px;}
.ClassicKit__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;}
.ClassicKit fieldset{min-width:0;margin:0;padding:20px;border:1px solid var(--Border);border-radius:4px;}
.ClassicKit legend{padding-inline:8px;font-weight:700;}
.ClassicKit .FieldLabel{display:grid;gap:8px;min-width:0;}
.ClassicKit :is(.Input,.Select,.Textarea){box-sizing:border-box;width:100%;min-width:0;}
.ClassicKit__choices{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:16px;}
.ClassicKit__choices label{display:inline-flex;align-items:center;gap:8px;min-height:44px;}
.ClassicKit input[type="range"]{width:100%;min-height:44px;accent-color:var(--ColorFocus);}
.ClassicKit__error{color:var(--ColorDangerText);font-size:14px;}
.ClassicKit [aria-invalid="true"]{border-color:var(--ColorDangerBorder);}
.ClassicKit blockquote{margin:16px 0;padding:16px;border-inline-start:3px solid var(--Muted);background:var(--Surface);}
.ClassicKit pre{overflow:auto;max-width:100%;padding:16px;background:var(--Surface);border-radius:4px;}
.ClassicKit__table{overflow:auto;}
.ClassicKit table{width:100%;border-collapse:collapse;text-align:left;}
.ClassicKit :is(th,td){padding:12px;border:1px solid var(--Border);}
.ClassicKit caption{text-align:left;margin-bottom:8px;}
.ClassicKit progress{display:block;width:100%;margin-block:12px 20px;accent-color:var(--Text);}
@media(max-width:599px){.ClassicKit__fields{grid-template-columns:minmax(0,1fr);}.ClassicKit fieldset{padding:12px;}}
@media(max-width:599px){.AboutPage .AboutFeatures{grid-template-columns:minmax(0,1fr);}}
html:root[data-theme] body :is(.Btn,.NavItem,.IconBtn,.ActionBtn,.ActionCard,summary){--ColorBorderControl:var(--ControlBorderSoft);}
html[data-theme] body :is(.NavItem,.Btn.Secondary,.ContactRow,.ActionBtn,.ActionCard){border-color:var(--ControlBorderSoft);}
html:root[data-theme] body :is(.ActionBtn,.ActionCard):not(.Good):not(.Danger){background:var(--Surface);color:var(--Text);border:1px solid var(--ControlBorderSoft);box-shadow:none;}
html:root[data-theme] body .ActionBtn:not(.Good):not(.Danger):hover{background:var(--SurfaceAlt);}
html:root[data-theme] body :is(.NavItem__icon,span.BtnIcon,.ActionBtn__icon),
html:root[data-theme] body :is(.Btn,.NavItem,.ActionBtn) :is(.NavItem__icon,span.BtnIcon,.ActionBtn__icon),
html[data-theme] body :is(.NavProfile__icon,.AccountAvatar){background:var(--IconChipBg);color:var(--IconChipText);box-shadow:0 1px 4px var(--IconChipShadow);}
html:root[data-theme] body .Btn span.BtnIcon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:10px;}
html:root[data-theme] body .Btn span.BtnIcon svg{width:20px;height:20px;}
html:root[data-theme] body #BtnSendTransfer span.BtnIcon{width:20px;height:20px;flex-basis:20px;border-radius:0;background:transparent;color:inherit;box-shadow:none;}
html:root[data-theme] body :is(.Btn,.NavItem,.ActionBtn,.ActionCard) :is(.BtnIcon,.NavItem__icon,.ActionBtn__icon) svg{color:inherit;stroke:currentColor;}
@media(max-width:959px){
	html[data-theme] .WorkspaceUi #TransferModal.ContactWriting{padding-bottom:calc(var(--BottomNavH) + 8px + env(safe-area-inset-bottom));}
	html[data-theme] .WorkspaceUi #TransferModal.ContactWriting > .Modal__card.WorkModal{height:calc(100dvh - var(--BottomNavH) - 26px - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--BottomNavH) - 26px - env(safe-area-inset-bottom));min-height:0;}
	html[data-theme] .WorkspaceUi :is(#CallsModal,#ExchangeModal,#InboxModal,#MoreModal,#ProfileModal,#PasskeyModal,#NotificationsModal,#TransferModal,#ReceiveModal,#TrustedModal,#OpenCodeModal):not(.ContactWriting){padding-bottom:calc(var(--BottomNavH) + 8px + env(safe-area-inset-bottom));}
	html[data-theme] .WorkspaceUi :is(#CallsModal,#ExchangeModal,#InboxModal,#MoreModal,#ProfileModal,#PasskeyModal,#NotificationsModal,#TransferModal,#ReceiveModal,#TrustedModal,#OpenCodeModal):not(.ContactWriting) > .Modal__card.WorkModal{height:calc(100dvh - var(--BottomNavH) - 26px - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--BottomNavH) - 26px - env(safe-area-inset-bottom));min-height:0;}
}
@media(max-width:599px){
	html[data-theme] .WorkspaceUi #TransferModal.ContactWriting > .Modal__card.WorkModal{height:calc(100dvh - var(--BottomNavH) - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--BottomNavH) - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
	html[data-theme] .WorkspaceUi :is(#CallsModal,#ExchangeModal,#InboxModal,#MoreModal,#ProfileModal,#PasskeyModal,#NotificationsModal,#TransferModal,#ReceiveModal,#TrustedModal,#OpenCodeModal):not(.ContactWriting) > .Modal__card.WorkModal{height:calc(100dvh - var(--BottomNavH) - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--BottomNavH) - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
}
.ScenarioExtras{margin-top:24px;}
.ScenarioExtras > .ActionGrid{margin-top:12px;}
.ServiceNews > summary{list-style:none;cursor:pointer;}
.ServiceNews > summary::-webkit-details-marker{display:none;}
.ServiceNews__feed{padding:16px;color:var(--Text);background:var(--Panel);border-radius:12px;}
.ServiceNews__feed h3{margin:0 0 8px;}
.ServiceNews__feed p{overflow-wrap:anywhere;}
.ServiceNews__feed [role="status"]:empty{display:none;}
.HomeOnboarding{margin:24px 0 0;border:0;background:transparent;box-shadow:none;}
.HomeOnboarding__title{margin:0;font-size:18px;line-height:24px;}
.HomeOnboarding__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;}
.HomeOnboarding__card{min-width:0;padding:16px;border:1px solid var(--Border);border-radius:12px;background:transparent;}
.HomeOnboarding__card svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;color:var(--ColorSelectedText);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.HomeOnboarding__card h3{margin:12px 0 8px;font-size:16px;line-height:24px;color:var(--Text);}
.HomeOnboarding__card p{margin:0;font-size:14px;line-height:21px;color:var(--Muted);}
@media(max-width:599px){.HomeOnboarding__cards{grid-template-columns:minmax(0,1fr);}}
.HomeHero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:center;margin-bottom:24px;}
.HomeHero > picture{display:block;min-width:0;}
html[data-theme] .WorkspaceUi .HomeHero .HomeIntro{margin:0;max-width:none;}
.HomeHero__art{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;pointer-events:none;}
html[data-theme] .WorkspaceUi .HomeHeader{margin-bottom:24px;}

html[data-theme] .WorkspaceUi #StartModal .ActionGrid--primary{grid-auto-rows:1fr;align-items:stretch;}
html[data-theme] .WorkspaceUi #StartModal .ActionGrid--primary > .ActionBtn{min-height:104px;height:100%;box-sizing:border-box;}
html[data-theme] .WorkspaceUi .HomeBrand{color:var(--Text);text-decoration:none;}
html[data-theme] .WorkspaceUi .AppHome{scrollbar-gutter:stable;}
html[data-theme="light"] body:not(.CallScreen) :is(.WorkModal,.PageShell > .PageCard),html[data-theme="light"] body.AdminPage .AdminWrap :is(.PageCard,.AdminCard){--Muted:color-mix(in srgb,var(--Text) 90%,var(--Panel));}
body:not(.CallScreen) :is(.WorkModal,.PageShell > .PageCard),body.AdminPage .AdminWrap :is(.PageCard,.AdminCard){position:relative;isolation:isolate;}
body:not(.CallScreen) :is(.WorkModal,.PageShell > .PageCard)::before,body.AdminPage .AdminWrap :is(.PageCard,.AdminCard)::before{
	content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
	background-color:var(--Panel);background-image:url('/inc/visual-kit/assets/svg/dots-2-corners-white.svg');background-repeat:no-repeat;
	background-position:center;background-size:cover;background-blend-mode:multiply;transform:scaleX(-1);
}

@media(max-width:599px){
	.HomeHero{grid-template-columns:minmax(0,1fr);margin-bottom:20px;}
	.HomeHero > picture{display:none;}

}
@media(max-width:959px) and (max-height:500px) and (orientation:landscape){
	.HomeHero{grid-template-columns:minmax(0,1fr);margin-bottom:12px;}
	.HomeHero > picture{display:none;}
	html[data-theme] .WorkspaceUi #StartModal > .Modal__card.AppHome{max-height:calc(100dvh - var(--BottomNavH) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;}
	html[data-theme] .WorkspaceUi .HomeHeader{margin-bottom:12px;}
	html[data-theme] .WorkspaceUi .HomeTitle{font-size:var(--TypePageSize);line-height:var(--TypePageLine);margin-bottom:8px;}
	html[data-theme] .WorkspaceUi .HomeLead{max-width:none;font-size:var(--TypeSmallSize);line-height:var(--TypeSmallLine);}
	html[data-theme] .WorkspaceUi #StartModal .ActionGrid--primary > .ActionBtn{min-height:72px;}
}
html[data-theme] body .AboutPage .AboutHero{padding:0;border:0;border-radius:0;background:transparent;}
html[data-theme] body .AboutPage .AboutHero__text{font-size:var(--TypeBodySize);line-height:var(--TypeBodyLine);}

/* Settings: theme choices and destructive action warning. */
html[data-theme] body .ThemeSwitch .ThemeChoice{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;}
.ConversationToolbar #BtnConversationManage{flex:1 1 100%;height:auto;white-space:normal;padding:12px;}
.ThemeChoice svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.AppVersion .AppAboutLink{display:flex;align-items:center;min-height:44px;color:var(--ColorSelectedText);font-size:14px;text-decoration:underline;text-underline-offset:3px;}
html[data-theme] body .OwnEraseCard{background:var(--ColorDangerBg);color:var(--ColorDangerText);border:1px solid var(--ColorDangerBorder);}
html[data-theme] body .OwnEraseCard :is(h2,.Hint){color:inherit;}
.OwnEraseCard h2{display:flex;align-items:flex-start;gap:10px;margin-top:0;}
.OwnEraseCard h2 svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#OwnEraseConfirm .Btn{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px;}

/* Shared navigation symbols remain decorative when heading text changes. */
html[data-theme] body [data-ui-icon="add"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="back"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2012H5m7-7-7%207%207%207%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="save"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h13l4%204v14H3V3h1Zm3%200v6h10V3M7%2021v-8h10v8%22%2F%3E%3C%2Fsvg%3E");}
html[data-theme] body [data-ui-icon="check"]{--ActionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");}
#TrustedModal{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M2%2021v-2a7%207%200%200%201%2014%200v2M17%204a4%204%200%200%201%200%208M22%2021v-2a7%207%200%200%200-3-6%22%2F%3E%3C%2Fsvg%3E");}
#CallsModal{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202%2016%2016%200%200%200%2016%2016%202%202%200%200%200%202-2v-3l-5-2-2%202a12%2012%200%200%201-6-6l2-2-2-5Z%22%2F%3E%3C%2Fsvg%3E");}
:is(#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal){--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h15m-4-4%204%204-4%204M20%2017H5m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E");}
:is(#ProfileModal,#MoreModal,#NotificationsModal){--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E");}
:is(#TrustedModal,#CallsModal,#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal,#ProfileModal,#MoreModal,#NotificationsModal) .Modal__title::before{content:"";display:inline-block;width:28px;height:28px;margin-right:12px;vertical-align:-4px;background:currentColor;mask:var(--SectionIcon) center/contain no-repeat;-webkit-mask:var(--SectionIcon) center/contain no-repeat;}
html[data-theme] body dialog.UpdatePrompt{inset:0;transform:none;display:block;box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:24px;border-radius:var(--RadiusSheet);background:var(--Panel);color:var(--Text);text-align:left;font-weight:400;overflow:auto;}
html[data-theme] body dialog.UpdatePrompt::backdrop{background:var(--UpdateScrim);}
html[data-theme="light"]{--UpdateScrim:rgba(15,23,42,.55);}
html[data-theme="dark"]{--UpdateScrim:rgba(0,0,0,.7);}
.UpdatePrompt h2{margin:0 0 12px;font-size:24px;line-height:1.3;}
.UpdatePrompt p{margin:0 0 16px;}
.UpdatePrompt__actions{display:flex;gap:12px;flex-wrap:wrap;}
.UpdatePrompt__progress{display:block;width:100%;height:8px;margin:0 0 20px;accent-color:var(--Text);}
html[data-theme] body dialog.UpdatePrompt .Btn:focus-visible{outline:3px solid var(--Text);outline-offset:3px;}
html[data-theme] body dialog.UpdatePrompt .Btn{min-height:var(--ControlHeight);height:auto;flex:1 1 140px;white-space:normal;transition:none;}

/* Section navigation is provided by the main navigation and browser history. */
html[data-theme] body :is(.ModalBackBtn,.PageBackBtn){display:none;}
html[data-theme] body.WorkspaceUi :is(#TrustedModal,#CallsModal,#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal,#ProfileModal,#MoreModal,#NotificationsModal) :is(.Modal__title,.Modal__hint){padding-left:0;margin-left:0;}
html[data-theme] body.WorkspaceUi #TrustedModal .ContactsHeader{padding-left:0;}
@media(max-width:600px){
	html[data-theme] body.WorkspaceUi :is(#TrustedModal,#CallsModal,#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal,#ProfileModal,#MoreModal,#NotificationsModal) .Modal__title{position:relative;box-sizing:border-box;min-height:44px;margin:0;padding:8px 52px 0 30px;font-size:clamp(18px,5vw,20px);line-height:24px;text-align:left;overflow-wrap:anywhere;}
	html[data-theme] body.WorkspaceUi :is(#TrustedModal,#CallsModal,#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal,#ProfileModal,#MoreModal,#NotificationsModal) .Modal__title::before{position:absolute;left:0;top:9px;width:22px;height:22px;margin:0;}
	html[data-theme] body.WorkspaceUi :is(#TrustedModal,#CallsModal,#ExchangeModal,#InboxModal,#TransferModal,#ReceiveModal,#ProfileModal,#MoreModal,#NotificationsModal) .Modal__hint{margin:0 0 12px;padding:0;text-align:left;}
	html[data-theme] body.WorkspaceUi #TrustedModal .ContactsHeader{padding:0;}
	html[data-theme] body.WorkspaceUi #TrustedModal .ContactsHeader .Modal__title{padding:8px 52px 0 30px;}
	html[data-theme] body.WorkspaceUi #TrustedModal .ContactsHeader .Modal__hint{margin:0;}
	html[data-theme] body.WorkspaceUi #TransferModal .ConversationCallBtn{left:14px;right:auto;}
	html[data-theme] body .PageTop{justify-content:center;padding-inline:48px;text-align:center;}
	html[data-theme] body .PageTop :is(.PageTitle,.AdminH1){font-size:20px;line-height:26px;text-align:center;}
}


/* Standalone information pages share the app's navigation and spacing. */
.PublicPage .PageShell{width:min(960px,calc(100% - 32px));margin:20px auto;padding:0 0 env(safe-area-inset-bottom);}
html[data-theme] body.PublicPage .PageShell{margin-top:calc(12px + env(safe-area-inset-top));}
html[data-theme] body.PublicPage .PageTop{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;align-items:start;}
.PublicPage .PageTop .PageTitle{margin:0;}
.PublicPage .PageTop .PageLead{margin:8px 0 0;}
html[data-theme] body.PublicPage .PageBackBtn{width:44px;min-width:44px;height:44px;min-height:44px;}
.PublicPageMenu{position:relative;z-index:10;}
.PublicPageMenu .IconBtn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;}
.PublicPageMenu .IconBtn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.PublicPageMenu__dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid var(--Border);border-radius:var(--RadiusSheet);background:var(--Panel);color:var(--Text);overflow:auto;overscroll-behavior:contain;}
.PublicPageMenu__dialog::backdrop{background:rgba(12,14,25,.64);}
.PublicPageMenu__dialog .Modal__title{margin:0;}
.PublicPageMenu__dialog [aria-current="page"]{background:var(--ColorSelectedBg);color:var(--ColorSelectedText);}
html[data-theme] body.PublicPage .AppFooter{display:flex;}
.PublicPage .FeedbackForm :is(.Input,textarea,select){width:100%;max-width:100%;box-sizing:border-box;}
@media(max-width:600px){
	html[data-theme] body.PublicPage .PageTop{grid-template-columns:minmax(0,1fr) 44px;gap:12px;padding:0;text-align:left;}
	html[data-theme] body.PublicPage .PageTop .PageTitle{min-height:44px;box-sizing:border-box;padding-top:8px;font-size:clamp(18px,5vw,20px);line-height:24px;text-align:left;justify-content:flex-start;align-items:flex-start;gap:8px;}
	html[data-theme] body.PublicPage .PageTop .PageLead{text-align:left;margin-top:0;}
}

.PublicPage .PageSection a:not(.Btn){color:var(--ColorSelectedText);text-underline-offset:3px;}

/* Device choices keep the same controls and permission flow. */
.CallDeviceSettings > summary{display:flex;align-items:center;gap:10px;}
.CallDeviceSettings > summary::after{margin-left:auto;}
.CallDeviceSettings svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.CallDeviceSettings__body{display:grid;gap:8px;padding:16px;border:1px solid var(--Border);border-radius:12px;background:var(--Panel);}
html[data-theme] body .CallDeviceSettings__body .FieldLabel{display:flex;align-items:center;gap:8px;margin:0;}
.CallDeviceSettings__body :is(.Select,.FlowBlock__hint){margin:0;}
.CallDeviceSettings__body #BtnCheckCallDevices{margin-top:8px;}

#TransferImageOptions:not(.IsHidden){display:flex;align-items:center;gap:8px;min-height:44px;color:var(--Muted);font-size:13px;}
html[data-theme] body #TransferModal.ContactWriting #TransferFileBlock > #TransferImageOptions:not(.IsHidden){display:flex;}
#TransferImageOriginal{width:20px;height:20px;flex-shrink:0;accent-color:var(--Text);}
#TransferImageOriginal:focus-visible{outline:2px solid var(--Text);outline-offset:3px;}

@media(max-width:959px){
	html[data-theme] body.MessageComposing .BottomAppNav{display:none;}
	html[data-theme] body.MessageComposing{--BottomNavH:0px;overflow:hidden;}
	html[data-theme] body.MessageComposing #TransferModal.ContactWriting{top:var(--ComposerViewportTop, 0px);bottom:auto;height:var(--ComposerViewportH, 100dvh);box-sizing:border-box;padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));overflow:hidden;}
	html[data-theme] body.MessageComposing #TransferModal.ContactWriting > .Modal__card,
	html[data-theme] body.WorkspaceUi.MessageComposing #TransferModal.ContactWriting > .Modal__card.WorkModal{height:100%;min-height:0;max-height:100%;margin:0 auto;overflow:hidden;}
	html[data-theme] body.MessageComposing #TransferModal.ContactWriting .ConversationMessages{min-height:48px;}
	html[data-theme] body.MessageComposing #TransferModal.ContactWriting :is(#TransferPrivacyDetails, #TransferSafetyHint){display:none;}
}

.PushReminder{position:relative;margin:0 0 16px;padding:12px 56px 12px 14px;border:1px solid var(--ColorBorderControl);border-radius:12px;background:transparent;color:var(--Text);font-size:14px;line-height:1.5;}
.PushReminder p{margin:0 0 4px;}
html[data-theme] body .PushReminder a{display:inline-flex;align-items:center;min-height:44px;color:var(--Text);text-decoration:underline;text-underline-offset:3px;}
.PushReminder .IconBtn{position:absolute;right:4px;top:4px;width:44px;height:44px;min-width:44px;font-size:24px;}
.PushReminder a:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}

/* Shared navigation and page frame for the standalone information pages. */
html[data-theme] body.StandalonePage .PageShell{width:auto;max-width:none;margin:0;padding:20px 12px calc(var(--BottomNavH) + 24px);}
html[data-theme] body.StandalonePage .PageCard{box-sizing:border-box;width:min(100%,960px);margin:0 auto;padding:24px;}
html[data-theme] body.StandalonePage .BottomAppNav__item{text-decoration:none;}
.StandalonePage .PageTitle{display:flex;align-items:center;gap:12px;}
.StandalonePage .PageTitle > svg{width:28px;height:28px;flex:0 0 28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
@media(min-width:960px){
	html[data-theme] body.StandalonePage .PageShell{padding:20px 32px 20px 252px;}
	html[data-theme] body.StandalonePage .PageCard{height:calc(100dvh - 40px);overflow:auto;padding:32px;}
	html[data-theme] body.StandalonePage .BottomAppNav{top:20px;bottom:20px;}
	html[data-theme] body.StandalonePage .AppFooter{display:none;}
}
@media(max-width:599px){
	html[data-theme] body.StandalonePage .PageShell{padding-top:calc(12px + env(safe-area-inset-top));}
	html[data-theme] body.StandalonePage .PageCard{padding:18px;}
	.StandalonePage .PageTitle > svg{width:22px;height:22px;flex-basis:22px;}
}
html[data-theme] body #MoreModal .NavList > .CallDeviceSettings{margin:0;}
html[data-theme] body .PushControl__status[data-status]{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;font-weight:600;background:var(--ColorWarningBg);color:var(--ColorWarningText);}
.PushControl__status[data-status]::before{content:'!';display:inline-grid;place-items:center;width:20px;height:20px;font-size:18px;font-weight:700;}
html[data-theme] body .PushControl__status[data-status="enabled"]{background:var(--ColorSuccessBg);color:var(--ColorSuccessText);}
.PushControl__status[data-status="enabled"]::before{content:'✓';}
html[data-theme] body .PushControl__status[data-status="blocked"]{background:var(--ColorDangerBg);color:var(--ColorDangerText);}

/* Heading symbols follow the matching menu item and current subview. */
#ProfileModal[data-profile-view="avatar"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%2017%205-5%204%204%204-6%205%207%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="visibility"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="share"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m9%2010%206-4M9%2014l6%204%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="email"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="sessions"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2019h6M9%2015v4%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%229%22%20width%3D%225%22%20height%3D%2212%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="recovery"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2014v3%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="keys"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m11%2011%209%209m-3-3%203-3m-6%200%203-3%22%2F%3E%3C%2Fsvg%3E");}
#ProfileModal[data-profile-view="pairing"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2019h6M9%2015v4%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%229%22%20width%3D%225%22%20height%3D%2212%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#MoreModal{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");}
#MoreModal[data-settings-view="storage"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E");}
#MoreModal[data-settings-view="delete"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E");}
#NotificationsModal{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%207h18s-3%200-3-7%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2019a2%202%200%200%200%204%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
#InboxModal{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m5%204-3%209v7h20v-7l-3-9H5Z%22%2F%3E%3Cpath%20d%3D%22M2%2013h6l2%203h4l2-3h6M12%204v7m-3-3%203%203%203-3%22%2F%3E%3C%2Fsvg%3E");}
#InboxModal[data-message-view="automatic"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%2214%22%20height%3D%2213%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%203v4M2%2011v5m20-5v5M9%2016h6%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2211%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#TransferModal[data-self-conversation="true"]{--SectionIcon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M6%203h12v18l-6-4-6%204V3Z%22%2F%3E%3C%2Fsvg%3E");}

.NavProfile__link{display:inline-flex;align-items:center;min-height:44px;color:var(--Text);text-decoration:underline;text-underline-offset:3px;}
.NavProfile__link:focus-visible{outline:3px solid var(--ColorFocus);outline-offset:3px;}
#NavDialogTitle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html[data-theme] body :is(#BtnCopyNavAlias,#BtnInboxRefresh){border-color:color-mix(in srgb,var(--Text) 50%,var(--Surface));}

.AvatarCrop{max-width:320px;color:var(--Text);}
.AvatarCrop__canvas{display:block;width:256px;max-width:100%;height:auto;border-radius:50%;touch-action:none;cursor:grab;}
.AvatarCrop__canvas:active{cursor:grabbing;}
.AvatarCrop .FieldLabel{display:block;color:var(--Text);}
.AvatarCrop input[type="range"]{display:block;width:100%;min-height:44px;accent-color:var(--Text);}
.AvatarCrop input[type="range"]:focus-visible{outline:2px solid var(--Text);outline-offset:2px;}

#SystemMessages{--SystemControlBorder:var(--ColorBorderControl);overflow-wrap:anywhere;}
html[data-theme] body #SystemMessages .Btn{border-color:var(--SystemControlBorder);}

.SystemAvatar{position:relative;width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--Surface);}
.SystemAvatar img{display:block;width:100%;height:100%;object-fit:contain;}
.SystemVerified{display:inline-flex;flex:0 0 20px;width:20px;height:20px;color:var(--ColorFocus);}
.SystemVerified svg{width:20px;height:20px;fill:currentColor;}
.SystemVerified svg path:last-child{fill:none;stroke:var(--Panel);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme] body .SystemConversation{height:min(65dvh,640px);max-height:none;margin:12px 0 0;padding:12px;border:1px solid var(--Border);border-radius:12px;overscroll-behavior:contain;scrollbar-width:thin;}
.SystemMessageText{white-space:pre-wrap;margin:0 0 6px;font-size:16px;line-height:24px;}
html[data-theme] body #InboxModal.SystemConversationOpen .Modal__title{display:flex;align-items:center;gap:8px;padding-right:110px;font-size:20px;}
html[data-theme] body #InboxModal.SystemConversationOpen .Modal__title::before{display:none;}
html[data-theme] body .SystemRefresh{position:absolute;right:70px;top:14px;width:44px;height:44px;border-color:var(--ColorBorderControl);}
.SystemRefresh svg,.AboutSectionTitle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#SystemMessagesStatus:empty{display:none;}
.AboutSectionTitle{display:flex;align-items:center;gap:10px;}
.AboutSectionTitle svg{flex:0 0 24px;}
html[data-theme] body #CallsModal .ActionBtn{border-color:var(--ColorBorderControl);}

html[data-theme] body :is(#ExchangeModal .ActionBtn,#BtnOpenOnce){border-color:var(--ColorBorderControl);}

html[data-theme] body #CallsNewPanel .CallsNote{margin:20px 0 0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--Muted);}
.AboutPage .AboutHero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;}
.AboutHero__image{display:block;width:180px;max-width:100%;height:auto;justify-self:center;}
.AboutPage .PageSection p + p{margin-top:16px;}
html[data-theme] body .AboutFeatures .FeatureItem > span{width:48px;height:48px;flex:0 0 48px;border-radius:12px;}
html[data-theme] body .AboutFeatures .FeatureItem svg{width:30px;height:30px;}
@media(max-width:599px){.AboutPage .AboutHero{grid-template-columns:minmax(0,1fr);gap:16px;}.AboutHero__image{width:160px;}}