:root{--lf-yanis-bg-1:#0e3341;--lf-yanis-bg-2:#102638;--lf-yanis-bg-3:#172f42;--lf-yanis-accent:#f0c94d;--lf-yanis-accent-soft:rgba(240,201,77,.16);--lf-yanis-text:#f5fbff;--lf-yanis-muted:#c7d9e2;}body.lf-yanis-open{overflow:hidden!important}.lf-yanis-overlay{position:fixed;inset:0;z-index:2147482400;display:grid;place-items:center;padding:20px;background:rgba(2,10,18,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease;}.lf-yanis-overlay.is-visible{opacity:1}.lf-yanis-card{position:relative;isolation:isolate;width:min(780px,calc(100vw - 28px));min-height:330px;display:grid;grid-template-columns:minmax(210px,34%) minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid rgba(241,215,124,.34);border-radius:28px;background:radial-gradient(circle at 18% 12%,rgba(63,174,178,.18),transparent 34%),linear-gradient(145deg,var(--lf-yanis-bg-1),var(--lf-yanis-bg-2) 62%,var(--lf-yanis-bg-3));box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);transform:translateY(10px) scale(.985);transition:transform .2s ease;}.lf-yanis-overlay.is-visible .lf-yanis-card{transform:translateY(0) scale(1)}.lf-yanis-card__glow{position:absolute;z-index:-1;width:280px;height:280px;left:-90px;bottom:-120px;border-radius:50%;background:rgba(241,201,77,.13);filter:blur(8px);pointer-events:none;}.lf-yanis-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:330px;padding:20px 8px 0;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));}.lf-yanis-visual::after{content:"";position:absolute;left:16%;right:16%;bottom:10px;height:24px;border-radius:50%;background:rgba(0,0,0,.22);filter:blur(10px);}.lf-yanis-image{position:relative;z-index:2;display:block;width:min(100%,260px);max-height:330px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 18px rgba(0,0,0,.26));}.lf-yanis-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 38px 32px;}.lf-yanis-name{display:inline-flex;width:max-content;align-items:center;gap:7px;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(240,201,77,.35);border-radius:999px;background:var(--lf-yanis-accent-soft);color:#ffe58a;font-size:13px;line-height:1;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}.lf-yanis-name::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lf-yanis-accent);box-shadow:0 0 0 4px rgba(240,201,77,.12);}.lf-yanis-text{color:var(--lf-yanis-text);font-size:20px;line-height:1.55;font-weight:650;letter-spacing:-.015em;text-wrap:pretty;}.lf-yanis-text.is-loading{min-height:96px;display:flex;align-items:center;gap:7px;}.lf-yanis-dot{width:9px;height:9px;border-radius:50%;background:#cfe9f2;opacity:.35;animation:lfYanisPulse 1s ease-in-out infinite;}.lf-yanis-dot:nth-child(2){animation-delay:.14s}.lf-yanis-dot:nth-child(3){animation-delay:.28s}@keyframes lfYanisPulse{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-5px);opacity:1}}.lf-yanis-actions{display:flex;align-items:center;gap:10px;margin-top:26px;}.lf-yanis-audio,.lf-yanis-cta{appearance:none;border:0;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease;}.lf-yanis-audio{width:48px;min-width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(207,233,242,.25);border-radius:15px;background:rgba(255,255,255,.07);color:#eefcff;font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}.lf-yanis-audio:disabled{opacity:.5;cursor:wait}.lf-yanis-cta{min-height:48px;min-width:140px;flex:1 1 auto;padding:0 22px;border-radius:15px;background:linear-gradient(180deg,#f3d15e,#deb53c);color:#152b35;font-size:15px;font-weight:950;box-shadow:0 10px 24px rgba(226,185,60,.18),inset 0 1px 0 rgba(255,255,255,.45);}.lf-yanis-cta:disabled{opacity:.55;cursor:wait}.lf-yanis-audio:not(:disabled):hover,.lf-yanis-cta:not(:disabled):hover{transform:translateY(-1px)}.lf-yanis-audio:not(:disabled):active,.lf-yanis-cta:not(:disabled):active{transform:translateY(1px)}.lf-yanis-audio:focus-visible,.lf-yanis-cta:focus-visible{outline:3px solid rgba(111,220,244,.5);outline-offset:3px}[dir="rtl"] .lf-yanis-card__glow{left:auto;right:-90px}[dir="rtl"] .lf-yanis-body{text-align:right}@media (max-width:700px){.lf-yanis-overlay{padding:10px;align-items:end}.lf-yanis-card{width:100%;min-height:0;max-height:min(90vh,760px);grid-template-columns:1fr;grid-template-rows:minmax(150px,34vh) auto;border-radius:24px 24px 18px 18px;overflow:auto;}.lf-yanis-visual{min-height:150px;height:min(34vh,280px);padding:8px 10px 0;}.lf-yanis-image{width:min(72vw,245px);max-height:100%;}.lf-yanis-body{padding:20px 20px 22px}.lf-yanis-name{margin-bottom:10px;font-size:11px;padding:5px 10px}.lf-yanis-text{font-size:16px;line-height:1.48;font-weight:650}.lf-yanis-text.is-loading{min-height:64px}.lf-yanis-actions{margin-top:18px;gap:8px}.lf-yanis-audio{width:46px;min-width:46px;height:46px;border-radius:14px}.lf-yanis-cta{min-height:46px;min-width:0;padding:0 16px;border-radius:14px;font-size:14px}}@media (max-height:520px) and (orientation:landscape){.lf-yanis-overlay{padding:8px}.lf-yanis-card{grid-template-columns:190px minmax(0,1fr);max-height:calc(100vh - 16px);min-height:0}.lf-yanis-visual{height:auto;min-height:0}.lf-yanis-image{max-height:calc(100vh - 30px);width:180px}.lf-yanis-body{padding:18px 24px}.lf-yanis-text{font-size:14px;line-height:1.4}.lf-yanis-actions{margin-top:14px}}@media (prefers-reduced-motion:reduce){.lf-yanis-overlay,.lf-yanis-card,.lf-yanis-audio,.lf-yanis-cta{transition:none!important}.lf-yanis-dot{animation:none!important}}.lf-yanis-overlay{overflow-y:auto;overscroll-behavior:contain;}@media (min-width:701px){.lf-yanis-card{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);}.lf-yanis-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}}@media (max-width:700px){.lf-yanis-card{max-height:min(90vh,760px);max-height:min(90dvh,760px);}}