/* MediaMirko V1.62 - original coral design, lighter visual load */
.v162-icon{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle;stroke:currentColor;fill:none}
.v160-emoji .v162-icon{width:15px;height:15px}
.v160-panel-icon .v162-icon{width:21px;height:21px}
.v160-foot-icon .v162-icon{width:14px;height:14px}
.v160-pain-icon .v162-icon{width:22px;height:22px}
.v160-pair-arrow .v162-icon{width:15px;height:15px}
.v160-module-icon .v162-icon{width:21px;height:21px}
.v160-hero-actions .v162-icon,.v160-module-cta .v162-icon,.v160-link .v162-icon{width:14px;height:14px}
.v160-panel-check .v162-icon{width:14px;height:14px}
.v160-mini-tools i{display:inline-flex;vertical-align:middle;align-items:center;margin-right:4px}
.v160-mini-tools .v162-icon{width:14px;height:14px}
/* Fade and microfloat are compositor-only transforms and do not shift surrounding content. */
@keyframes v162Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(min-width:791px){.v160-live{animation:v162Float 6.5s ease-in-out infinite!important}}
.v160-live{box-shadow:0 27px 70px #0f060c32,0 0 42px #f7797020}
.v160-progress>i{transition:width .6s cubic-bezier(.22,1,.36,1)}
.v160-hero{position:relative}
/* Distinct social bridge where the dark hero transitions into the light problem section. */
.v162-social-bridge{background:linear-gradient(95deg,#271b22,#38262d 48%,#241c25);border-top:1px solid #77464d;border-bottom:2px solid #eda5a039;color:#f7e4e5;position:relative;z-index:2}
.v162-social-bridge:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% -110%,#ff8d8152,transparent 70%)}
.v162-social-inner{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,38px);min-height:56px;padding-block:9px;position:relative}
.v162-social-title,.v162-social-name{font-size:10px;font-weight:750;letter-spacing:.15em;color:#cdb2b5;white-space:nowrap}
.v162-social-links{display:flex;align-items:center;gap:17px;flex-shrink:0}
.v162-social-links a{display:inline-flex;gap:8px;align-items:center;color:#fff1ef!important;text-decoration:none!important;font-size:12px;font-weight:720;transition:color .2s}
.v162-social-links a:hover{color:#ffa9a0!important}
.v162-social-links .v162-icon{width:17px;height:17px;filter:drop-shadow(0 0 6px #fd999165)}
/* Do not force a white content card into dark visuals: existing product light sections remain purposeful. */
.v160-pain{border-top:0!important}
/* V1.63: preview and waitlist surfaces follow the selected website theme. */
.wl-benefits-after{display:none!important}
.wl-bottom>a{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid #ff867e;background:#ff817b!important;color:#231617!important;font-size:13px;font-weight:750!important;border-radius:11px;padding:14px 21px;text-decoration:none!important;box-shadow:0 6px 20px #ff766322}
.wl-bottom>a:hover{background:#ffaca3!important;color:#211719!important}
.wl-bottom>a svg{width:16px;height:16px}
/* Preview footer must not overpower the mobile interface. */
body.mm-public .auth-footer{font-size:11px!important;line-height:1.5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 15px;padding:20px max(16px,3vw)!important}
body.mm-public .auth-footer span{font-size:11px!important}
@media(max-width:640px){
 .v162-social-inner{justify-content:space-between;gap:9px;min-height:50px;padding-inline:0}
 .v162-social-title{display:none}
 .v162-social-name{font-size:10px;letter-spacing:.05em}
 .v162-social-links{gap:14px}
 .v162-social-links a{font-size:11px;gap:5px}
 .v162-social-links .v162-icon{width:16px;height:16px}
 .wl-main{grid-template-columns:minmax(0,1fr)!important;gap:23px!important}
 .wl-hero .wl-benefits{display:none!important}
 .wl-benefits-after{grid-column:1;display:grid!important;grid-template-columns:1fr!important;gap:11px!important;margin:0 0 8px!important;padding:15px 18px;border:1px solid #9e5a5938;border-radius:13px;background:#f1807410;font-size:12px!important}
 .wl-benefits-after span{line-height:1.45}
 .wl-bottom>a{width:100%;min-height:47px}
 body.mm-public .auth-footer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;font-size:10px!important}
 body.mm-public .auth-footer span{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.v160-live{animation:none!important}.v162-social-links a{transition:none}}

.wl-benefits span .v162-icon{color:#ff8c81;filter:drop-shadow(0 0 4px #fa868348);width:17px;height:17px}