/* RollChat Neon Glass — reversible frontend theme, 2026-10-18 */
:root{--rc-bg:#050c19;--rc-panel:rgba(13,29,48,.68);--rc-line:rgba(78,225,218,.34);--rc-glow:#58e0cb;--rc-muted:#a5bbce}
html{background:#050c19;scroll-behavior:smooth}
body{background:radial-gradient(ellipse 60% 38% at 86% 7%,rgba(9,161,188,.20),transparent 75%),radial-gradient(ellipse 40% 32% at 1% 33%,rgba(89,51,205,.19),transparent 80%),radial-gradient(ellipse 35% 26% at 82% 78%,rgba(197,30,119,.12),transparent 78%),linear-gradient(135deg,#050b18,#08182a 53%,#050d1c);color:#eaf8ff;min-height:100vh;position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(122deg,transparent 10%,rgba(54,244,232,.035) 30%,transparent 47%),repeating-linear-gradient(140deg,transparent 0 175px,rgba(60,174,229,.022) 176px 177px,transparent 178px 360px)}
body:after{content:"";position:fixed;pointer-events:none;z-index:-1;width:500px;height:500px;right:-260px;top:16%;border:1px solid rgba(65,229,221,.15);border-radius:40%;transform:rotate(35deg);box-shadow:0 0 100px rgba(34,218,219,.06),inset 0 0 100px rgba(53,112,202,.045)}
header{height:auto;min-height:80px;padding:12px clamp(16px,3.5vw,60px);background:rgba(5,14,28,.72);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(77,233,230,.22);box-shadow:0 8px 38px #0005;gap:16px;flex-wrap:wrap;position:relative;z-index:30}
header strong,header .site-brand{font-weight:850;letter-spacing:-.8px;font-size:clamp(22px,2.2vw,32px);filter:drop-shadow(0 0 14px rgba(88,224,203,.15))}
header>span{display:flex;align-items:center;gap:7px;color:#d9e7f4;font-size:13px}
header #online{font-variant-numeric:tabular-nums;font-size:16px;color:white}
header>span:before{content:"";width:9px;height:9px;border-radius:50%;background:#34e8aa;box-shadow:0 0 12px #34e8aa}
.rc-topnav{display:flex;align-items:center;gap:6px;margin:auto}
.rc-topnav a{color:#c5d5e7;text-decoration:none;font-weight:550;font-size:14px;padding:12px 17px;border-radius:12px;border:1px solid transparent;transition:.2s}
.rc-topnav a:hover,.rc-topnav a.is-active{color:#bafff3;background:rgba(35,218,213,.09);border-color:rgba(47,225,218,.18);box-shadow:inset 0 -2px 0 #58e0cb,0 7px 25px #00d5cb12}
main{max-width:1720px;padding:26px clamp(12px,2.6vw,45px) 35px}
.conversation-layout{gap:16px!important}
.videoBox{background:linear-gradient(135deg,#081423,#07111e);border:1px solid rgba(53,234,227,.75);border-radius:19px;box-shadow:0 0 0 1px rgba(54,216,212,.08),0 0 24px rgba(29,232,223,.14),0 18px 40px #0009;isolation:isolate}
.videoBox:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 35px rgba(24,184,195,.065)}
.videoBox.remote{aspect-ratio:16/10}
.videoBox.local{border-color:rgba(56,231,220,.62)}
.tag{top:12px;left:14px;padding:9px 14px;border:1px solid rgba(115,222,226,.22);border-radius:10px;background:rgba(4,15,29,.66);backdrop-filter:blur(15px);font-weight:650;z-index:4;box-shadow:0 6px 20px #0005}
.tag:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#35e9af;box-shadow:0 0 10px #35e9af}
.video-fullscreen,.video-hover-actions .hover-icon-btn{background:rgba(8,25,44,.68);border:1px solid rgba(91,225,226,.4);backdrop-filter:blur(14px);box-shadow:0 4px 16px #0008}
.video-fullscreen:hover,.video-hover-actions .hover-icon-btn:hover{box-shadow:0 0 16px #58e0cb65;transform:translateY(-1px)}
.video-hover-actions{background:rgba(5,19,34,.77);border:1px solid rgba(88,224,203,.22);box-shadow:0 14px 35px #0009;backdrop-filter:blur(20px)}
#status{font-size:clamp(15px,1.6vw,21px);font-weight:600;text-shadow:0 2px 14px #000}
.controls{gap:12px}
.controls button,button:not(.flag-dropdown-button):not(.flag-dropdown-item){transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.controls button{border:1px solid rgba(255,255,255,.17);border-radius:15px;min-height:53px;padding:12px 19px;background:linear-gradient(145deg,#4bf1e2,#10bcae);color:#05262a;box-shadow:inset 0 1px 0 #ffffff80,0 5px 22px #12d9ca32;font-size:14px}
.controls button:hover:not(:disabled),#chatForm button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #17e6d652,inset 0 1px 0 #ffffff8a}
.controls button:active{transform:translateY(1px)}
.controls #start{background:linear-gradient(115deg,#69fff0,#24dbd0 65%,#17b6bf);font-size:18px;font-weight:800;min-height:66px;padding:14px 24px;box-shadow:0 0 28px #19e9d55c,inset 0 1px 0 #fff9;flex:1 1 210px}
.controls #start:before{content:"⤨";font-size:25px;margin-right:12px}
.controls #stop{background:linear-gradient(125deg,#ff719a,#df3274);color:white;box-shadow:0 0 25px #e02d7759,inset 0 1px 0 #fff5;flex:1 1 145px;font-size:17px}
.controls #stop:before{content:"■";margin-right:10px}
.controls button.secondary{background:linear-gradient(145deg,rgba(33,55,80,.88),rgba(12,28,49,.8));color:#e2f5fa;border-color:rgba(105,166,196,.35);box-shadow:inset 0 1px 0 #ffffff12,0 8px 20px #0005}
.controls button.danger:not(#stop){background:linear-gradient(130deg,rgba(125,37,70,.9),rgba(67,23,52,.92));color:#ffdfe9}
.chat,.match-preferences,.device-settings,.rc-benefit,.modalInner{background:linear-gradient(150deg,rgba(17,39,63,.8),rgba(8,21,38,.77));backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(88,205,225,.25);box-shadow:inset 0 1px 0 #ffffff0b,0 18px 45px #0006;border-radius:18px}
.chat{display:flex;flex-direction:column;overflow:hidden}
.chat:before{content:"ЧАТ · LIVE";font-size:12px;letter-spacing:.14em;color:#8cf8eb;font-weight:800;padding:13px 17px;border-bottom:1px solid rgba(89,215,226,.16);background:rgba(17,51,74,.42)}
#messages{color:#d8e6f4;min-height:100px}
#chatForm{margin-top:auto;border-color:rgba(96,197,220,.19);padding:8px;gap:8px}
#chatInput{border-radius:11px;border:1px solid rgba(94,153,188,.32);background:rgba(5,15,29,.75)}
#chatForm button{border-radius:10px;background:linear-gradient(145deg,#51eadf,#139db2);box-shadow:0 0 14px #20dbce30}
.match-preferences,.device-settings{padding:18px;margin-top:18px;gap:14px}
.match-preferences label,.device-settings label{color:#c6dbea;font-weight:600}
.match-preferences select,.device-settings select,.match-preferences input,.flag-dropdown-button,#uiLanguage{background:rgba(5,16,30,.8)!important;color:#e9f8ff!important;border:1px solid rgba(96,166,196,.36)!important;border-radius:10px!important}
.flag-dropdown-list{background:#0d1c2f;border-color:#3d7286;box-shadow:0 20px 55px #000b}
.flag-dropdown-item:hover{background:#204c62!important}
.modal{backdrop-filter:blur(11px)}
.modalInner{border-color:rgba(93,233,221,.45);box-shadow:0 0 60px #00bfb52b,0 28px 90px #000d}
.rc-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 10px}
.rc-benefit{padding:20px;display:flex;align-items:center;gap:14px;min-height:116px;transition:transform .2s,box-shadow .2s}
.rc-benefit:hover{transform:translateY(-3px);box-shadow:0 15px 38px #0009,0 0 25px #15c9c31a}
.rc-benefit-icon{width:57px;height:57px;flex:0 0 57px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#137a85,#0a304a);color:#56f7e5;font-size:27px;text-shadow:0 0 18px #22e8d9;box-shadow:0 0 26px #1be3d82c}
.rc-benefit:nth-child(4) .rc-benefit-icon{background:radial-gradient(circle at 30% 25%,#9a306f,#391c49);color:#ff83c4}
.rc-benefit b{display:block;color:#f5fbff;font-size:15px;margin-bottom:6px}
.rc-benefit span{display:block;color:#a8c0d1;font-size:13px;line-height:1.5}
#siteFooter{margin-top:35px;padding:26px 4px;border-top:1px solid rgba(85,229,227,.24)}
.rc-design-note{color:#7896aa;font-size:11px;letter-spacing:.08em;text-align:right}
@media(min-width:761px){
 .conversation-layout.rc-columns-ready{grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr)!important;gap:16px!important}
 .conversation-layout.rc-columns-ready>.rc-main-column,.conversation-layout.rc-columns-ready>.rc-side-column{gap:16px!important}
 /* Restore primary action buttons below video; do not change original button event handlers */
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls{display:flex!important;flex-wrap:wrap!important}
 .conversation-layout.rc-columns-ready>.rc-side-column{height:auto!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.videoBox.local{max-height:none!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.chat{flex:1 1 200px!important;min-height:200px!important}
}
@media(max-width:1050px){.rc-topnav{display:none}.rc-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 header{min-height:66px;padding:10px 12px}
 main{padding:12px 10px}
 .videoBox.remote{aspect-ratio:3/4}
 .videoBox.local{border-width:2px;box-shadow:0 8px 26px #000c,0 0 20px #58e0cb30}
 .controls #start,.controls #stop{flex:1 1 43%;min-height:56px;font-size:15px;padding:10px}
 .controls #start:before{font-size:19px;margin-right:5px}
 .controls button{font-size:13px}
 .rc-benefits{gap:9px;margin-top:18px}
 .rc-benefit{padding:12px;min-height:98px;gap:8px}
 .rc-benefit-icon{width:39px;height:39px;flex-basis:39px;font-size:20px}
 .rc-benefit b{font-size:12px}
 .rc-benefit span{font-size:11px}
 .chat:before{padding:10px 14px}
}
@media(max-width:410px){.rc-benefits{grid-template-columns:1fr 1fr}.rc-benefit{align-items:flex-start;flex-direction:column}.rc-benefit span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rc-benefit,.controls button{transition:none!important}}

/* Neon Glass v2 — three-column composition matching approved reference */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
body{font-family:Manrope,Inter,system-ui,sans-serif!important;font-size:14px;letter-spacing:-.015em}
button,input,select{font-family:inherit}
header{min-height:86px}
main{max-width:1760px;width:100%}
@media(min-width:1051px){
 .conversation-layout.rc-columns-ready{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.45fr)!important;grid-template-rows:minmax(300px,auto) auto!important;gap:16px!important;align-items:stretch!important}
 .conversation-layout.rc-columns-ready>.rc-main-column,
 .conversation-layout.rc-columns-ready>.rc-side-column{display:contents!important;height:auto!important;max-height:none!important}
 .conversation-layout.rc-columns-ready>.rc-main-column>.videoBox.remote{grid-column:1!important;grid-row:1!important;aspect-ratio:1.12!important;min-height:420px!important;height:100%!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.videoBox.local{grid-column:2!important;grid-row:1!important;aspect-ratio:1.12!important;min-height:420px!important;max-height:none!important;height:100%!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.chat{grid-column:3!important;grid-row:1!important;height:100%!important;min-height:420px!important;max-height:none!important}
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls{grid-column:1 / 4!important;grid-row:2!important;display:flex!important;align-items:stretch!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important}
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls>#start{flex:2 1 240px!important}
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls>#stop{flex:1.4 1 180px!important}
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls>button:not(#start):not(#stop){flex:0 1 auto!important;min-width:90px!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.chat>#messages{height:auto!important;flex:1 1 auto!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.chat>#chatForm{flex:0 0 auto!important}
}
@media(min-width:761px) and (max-width:1050px){
 .conversation-layout.rc-columns-ready>.rc-main-column>.controls{display:flex!important;flex-wrap:wrap!important}
 .conversation-layout.rc-columns-ready>.rc-side-column{height:auto!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.videoBox.local{max-height:none!important}
 .conversation-layout.rc-columns-ready>.rc-side-column>.chat{min-height:200px!important}
}
.rc-benefit{position:relative;overflow:hidden}
.rc-benefit:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#b6ffff0b 50%,transparent 70%);pointer-events:none}
.videoBox{border-radius:20px}
#chatForm input{font-size:13px}
@media(max-width:760px){.rc-topnav{display:none!important}}

/* v2.1 — dropdowns must overlay all informational cards */
.match-preferences{position:relative;z-index:20;overflow:visible!important;isolation:auto!important}
.match-preferences:has(.flag-dropdown-list:not([hidden])){z-index:200!important}
.match-preferences label:has(.flag-dropdown-list:not([hidden])){position:relative;z-index:210!important}
.match-preferences .flag-dropdown{z-index:auto}
.match-preferences .flag-dropdown:has(.flag-dropdown-list:not([hidden])){z-index:220!important}
.match-preferences .flag-dropdown-list{z-index:230!important;max-height:min(340px,55vh)}
.rc-benefits,#siteFooter,.notice{position:relative;z-index:0}
.rc-benefit{z-index:0}
@media(max-width:760px){.match-preferences .flag-dropdown-list{max-height:260px}}

/* v2.3: real desktop DOM columns, not CSS display:contents hacks */
@media(min-width:761px){
 .conversation-layout.rc-neon-desktop{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1.16fr) minmax(250px,.73fr)!important;gap:14px!important;align-items:start!important}
 .rc-neon-desktop>.rc-neon-col{display:flex!important;flex-direction:column!important;gap:13px!important;min-width:0!important;height:auto!important;max-height:none!important}
 .rc-neon-desktop>.rc-main-column,.rc-neon-desktop>.rc-side-column{display:none!important}
 .rc-neon-desktop>.videos,.rc-neon-desktop>.bottom{display:none!important}
 .rc-neon-desktop .videoBox.remote{width:100%!important;aspect-ratio:1.13!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important}
 .rc-neon-desktop .videoBox.local{width:100%!important;aspect-ratio:16/10!important;height:auto!important;max-height:none!important;min-height:0!important;position:relative!important;inset:auto!important;flex:none!important}
 .rc-neon-desktop .rc-neon-primary{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;gap:12px!important}
 .rc-neon-desktop .rc-neon-primary #start,.rc-neon-desktop .rc-neon-primary #stop{display:block!important;width:100%!important;min-width:0!important;min-height:62px!important;margin:0!important;flex:none!important;font-size:15px!important}
 .rc-neon-desktop .rc-neon-secondary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;flex:1 0 auto!important;align-content:start!important}
 .rc-neon-desktop .rc-neon-secondary button{width:100%!important;min-height:60px!important;margin:0!important;display:block!important}
 .rc-neon-desktop .rc-neon-secondary button[hidden]{display:none!important}
 .rc-neon-desktop .rc-neon-hidden-controls{display:none!important}
 .rc-neon-desktop .chat{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;overflow:hidden!important}
 .rc-neon-desktop .chat #messages{flex:1 1 auto!important;height:auto!important;min-height:100px!important}
 .rc-neon-desktop .chat #chatForm{margin-top:auto!important}
}

/* Neon Glass 2.4 — polished desktop; mobile untouched */
@media(min-width:1051px){
.conversation-layout.rc24-desktop{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1.15fr) minmax(260px,.72fr)!important;gap:15px!important;align-items:start!important}
.rc24-desktop>.videos,.rc24-desktop>.bottom,.rc24-desktop>.rc-neon-col{display:none!important}
.rc24-desktop>.rc24-col{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
.rc24-desktop .videoBox.remote{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.12!important;max-height:none!important}
.rc24-desktop .videoBox.local{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/10!important}
.rc24-desktop .chat{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.rc24-desktop .chat #messages{height:auto!important;min-height:300px!important;flex:1!important}
.rc24-desktop .rc24-main-actions{display:grid!important;grid-template-columns:2fr 1fr!important;gap:14px!important}
.rc24-desktop .rc24-secondary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.rc24-desktop .rc24-main-actions button,.rc24-desktop .rc24-secondary button{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-width:0!important;width:100%!important;min-height:72px!important;padding:12px 16px!important;border-radius:17px!important;font:800 16px Manrope,system-ui,sans-serif!important;letter-spacing:-.02em!important;position:relative!important;overflow:hidden!important;transition:transform .18s,box-shadow .18s!important}
.rc24-desktop .rc24-main-actions button:hover,.rc24-desktop .rc24-secondary button:hover,.rc24-desktop .rc24-tool:hover{transform:translateY(-2px)!important}
.rc24-desktop #start{color:#042d2b!important;background:linear-gradient(135deg,#67ffea 0%,#38eadb 47%,#13b7c2 100%)!important;border:1px solid #b1fff3!important;box-shadow:inset 0 2px 0 #ffffff77,inset 0 -5px 12px #078d9d55,0 10px 30px #14e4d144,0 0 23px #26eed444!important}
.rc24-desktop #stop{color:white!important;background:linear-gradient(135deg,#ff7e9d,#f3457e 52%,#b91e63)!important;border:1px solid #ffacc7!important;box-shadow:inset 0 2px 0 #ffffff55,inset 0 -5px 12px #8e164755,0 10px 30px #ff367644,0 0 23px #f6367a44!important}
.rc24-desktop .rc24-secondary button{min-height:64px!important;font-size:14px!important;color:#dffbff!important;background:linear-gradient(145deg,#23485aee,#102338ee)!important;border:1px solid #38889b!important;box-shadow:inset 0 1px 0 #a6fff433,0 8px 23px #0007,0 0 14px #17bcca20!important}
.rc24-desktop .rc24-secondary #report{background:linear-gradient(145deg,#773052,#371c38)!important;border-color:#ba4b80!important;box-shadow:inset 0 1px 0 #ffb2cf44,0 8px 22px #0007,0 0 16px #ec408029!important}
.rc24-desktop .rc24-secondary button[hidden]{display:none!important}
.rc24-desktop .rc24-button-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:12px;background:#ffffff23;box-shadow:inset 0 1px 2px #fff5}
.rc24-desktop .rc24-button-icon svg{width:23px;height:23px}
.rc24-desktop #start .rc24-button-icon{background:#003e3a1c}
.rc24-desktop .rc24-compose{background:linear-gradient(145deg,#0b2236dd,#091727f5)!important;border:1px solid #236678!important;border-radius:15px!important;padding:8px!important;box-shadow:0 8px 25px #0005!important}
.rc24-desktop .rc24-compose #chatForm{display:flex!important;width:100%!important;margin:0!important;gap:8px!important}
.rc24-desktop .rc24-compose #chatInput{min-width:0!important;flex:1!important}
.rc24-desktop .rc24-compose #chatForm button{border-radius:11px!important;background:linear-gradient(135deg,#58e0cb,#0daeb9)!important;color:#052c2c!important;font-weight:800!important;box-shadow:0 0 16px #22e5d33b!important}
.rc24-desktop .rc24-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.rc24-desktop .rc24-tool{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 4px!important;min-height:91px!important;min-width:0!important;border-radius:16px!important;border:1px solid #2a7185!important;color:#dffaff!important;background:linear-gradient(145deg,#142c40ef,#071829f5)!important;box-shadow:inset 0 1px 0 #9affed2b,0 8px 23px #0006,0 0 14px #19ddcf18!important;transition:transform .18s,box-shadow .18s!important;cursor:pointer!important}
.rc24-desktop .rc24-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#2c7189,#10283c 65%);box-shadow:inset 0 2px 6px #b8fffa1b,0 0 15px #21d9d329;color:#8ffff0}
.rc24-desktop .rc24-icon svg{width:23px;height:23px}
.rc24-desktop .rc24-tool-label{font:700 12px Manrope,system-ui,sans-serif!important}
.rc24-desktop .rc24-tool.rc24-off{opacity:.62}
.rc24-desktop .rc24-stash{display:none!important}
.rc24-desktop .rc24-col-2 .chat{border-radius:18px!important;box-shadow:0 14px 36px #0005,0 0 20px #21ded119!important}
}
@media(max-width:1050px){.rc24-col{display:none!important}}

@media(max-width:1050px){.rc24-button-icon{display:none!important}.rc24-button-text{display:contents!important}}

/* v2.5 features — no changes to existing neon controls */
.rc-greeting-row{display:flex;gap:10px;align-items:stretch;width:100%}.rc-greeting-row input{flex:1;min-width:0}.rc-greeting-row button{flex:0 0 auto;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#58e0cb,#16b6c7);color:#052b31;font-weight:800;box-shadow:0 3px 16px #2ddbd644;border:1px solid #b8fff5}.rc-greeting-row button:focus-visible{outline:2px solid #fff}.rc-greeting-row button.rc-saved{background:linear-gradient(135deg,#97edbb,#58e0cb)}.rc-my-greeting{position:absolute;z-index:9;top:49px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);margin:auto;padding:9px 15px;color:#fff;background:#071e2bdc;border:1px solid #58e0cb99;border-radius:12px;box-shadow:0 6px 22px #0009,0 0 20px #58e0cb22;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:none;font-weight:600}.rc-my-greeting[hidden]{display:none!important}@media(max-width:600px){.rc-greeting-row button{padding:10px 12px;font-size:12px}}