/* v2.9.1 — PWA App Bar, Szimat Preview, Időszimat és View Transition polish. */
.mak-pwa-appbar{display:none}
html.mak-window-controls-overlay{--mak-app-titlebar-height:env(titlebar-area-height,42px)}
html.mak-window-controls-overlay .mak-pwa-appbar{position:fixed;z-index:100000;top:env(titlebar-area-y,0);left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,42px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;background:color-mix(in srgb,var(--mak-bg,#09060f) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mak-accent) 32%,transparent);backdrop-filter:blur(22px) saturate(1.35);-webkit-app-region:drag;box-sizing:border-box}
html.mak-window-controls-overlay body{padding-top:var(--mak-app-titlebar-height)}
.mak-pwa-appbar a,.mak-pwa-appbar button{-webkit-app-region:no-drag}.mak-pwa-appbar-brand,.mak-pwa-appbar-status{display:flex;align-items:center;gap:9px}.mak-pwa-appbar-brand{min-width:0;color:inherit;text-decoration:none;font-size:13px}.mak-pwa-appbar-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mak-pwa-appbar-icon{width:22px;height:22px}.mak-pwa-appbar-status button{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.06);color:inherit;padding:5px 8px;font:inherit;cursor:pointer}.mak-pwa-appbar-action{width:17px;height:17px}.mak-pwa-appbar-status kbd{font-size:9px;opacity:.6}.mak-pwa-appbar-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;letter-spacing:.12em}.mak-pwa-appbar-live i{width:7px;height:7px;border-radius:50%;background:#a66cff;box-shadow:0 0 12px #a66cff}.mak-pwa-appbar-live b{font:inherit}.mak-pwa-appbar-live[data-state="live"] i{background:#48ef8b;box-shadow:0 0 12px #48ef8b}.mak-pwa-appbar-live[data-state="offline"] i{background:#ff5577;box-shadow:0 0 12px #ff5577}.mak-pwa-appbar-live[data-state="offline"]{color:#ff9caf}.mak-pwa-appbar-live[data-state="quiet"]{color:color-mix(in srgb,var(--mak-text) 74%,var(--mak-accent))}
.mak-sniff-preview{position:fixed;z-index:2147482000;max-width:390px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--mak-accent) 38%,rgba(255,255,255,.12));border-radius:22px;background:color-mix(in srgb,var(--mak-bg,#0c0812) 92%,transparent);color:var(--mak-text,#fff);box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 42px color-mix(in srgb,var(--mak-accent) 16%,transparent);overflow:hidden;backdrop-filter:blur(24px) saturate(1.4);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .16s ease,transform .16s ease;cursor:pointer}
.mak-sniff-preview:popover-open,.mak-sniff-preview.is-open{opacity:1;transform:none}.mak-sniff-preview.has-anchor-position{position:fixed;position-area:block-end span-inline-end;margin-top:10px;position-try-fallbacks:flip-block,flip-inline;max-width:min(390px,calc(100vw - 24px))}.mak-sniff-preview-media{height:116px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--mak-accent) 35%,#111),#120c19)}.mak-sniff-preview-media img{width:100%;height:100%;object-fit:cover}.mak-sniff-preview-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(8,5,12,.88))}.mak-sniff-preview-kicker{position:absolute;z-index:2;left:14px;bottom:10px;font-size:10px;font-weight:950;letter-spacing:.12em}.mak-sniff-preview-copy{padding:14px 16px 16px}.mak-sniff-preview-copy small{display:block;opacity:.7;margin:0 0 5px}.mak-sniff-preview-copy strong{display:block;font-size:17px;line-height:1.25}.mak-sniff-preview-copy p{font-size:13px;line-height:1.5;opacity:.82;margin:8px 0 12px}.mak-sniff-preview-cta{font-size:12px;font-weight:900;color:var(--mak-accent)}.mak-sniff-preview-breaking{display:inline-flex;margin:0 0 6px;padding:4px 7px;border-radius:999px;background:#ef234f;color:#fff;font-size:9px;font-weight:950;letter-spacing:.12em}
.mak-on-this-day{margin-top:34px;margin-bottom:38px}.mak-on-this-day-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.mak-on-this-day-head h2{margin:4px 0 3px;font-size:clamp(24px,3vw,38px)}.mak-on-this-day-head p{margin:0;opacity:.7}.mak-on-this-day-date{padding:8px 11px;border:1px solid color-mix(in srgb,var(--mak-accent) 25%,transparent);border-radius:999px;font-weight:850;font-size:12px;white-space:nowrap}.mak-on-this-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mak-on-this-day-card{min-width:0;border:1px solid color-mix(in srgb,var(--mak-accent) 18%,rgba(255,255,255,.08));border-radius:20px;background:color-mix(in srgb,var(--mak-surface,#15101d) 92%,transparent);overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.11);transition:transform .2s ease,border-color .2s ease}.mak-on-this-day-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mak-accent) 48%,transparent)}.mak-on-this-day-thumb{display:block;height:142px;overflow:hidden}.mak-on-this-day-thumb img{width:100%;height:100%;object-fit:cover}.mak-on-this-day-copy{padding:13px}.mak-on-this-day-copy small{display:block;font-size:10px;font-weight:900;color:var(--mak-accent);text-transform:uppercase;letter-spacing:.08em}.mak-on-this-day-copy strong{display:block;margin:5px 0}.mak-on-this-day-copy strong a{color:inherit;text-decoration:none}.mak-on-this-day-copy span{display:block;font-size:12px;line-height:1.45;opacity:.72}
.mak-share-target-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid color-mix(in srgb,var(--mak-accent) 32%,transparent);border-radius:18px;background:color-mix(in srgb,var(--mak-accent) 8%,transparent)}.mak-share-target-card>span{font-size:26px}.mak-share-target-card small,.mak-share-target-card strong,.mak-share-target-card p{display:block}.mak-share-target-card p{word-break:break-word;opacity:.72}.mak-share-target-card div div{display:flex;gap:8px;flex-wrap:wrap}.mak-button-soft{background:transparent!important}
@media(max-width:980px){.mak-on-this-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mak-on-this-day-head{align-items:flex-start;flex-direction:column}.mak-on-this-day-grid{grid-template-columns:1fr}.mak-on-this-day-card{display:grid;grid-template-columns:130px minmax(0,1fr)}.mak-on-this-day-thumb{height:100%;min-height:130px}.mak-pwa-appbar-status kbd,.mak-pwa-appbar-status button span{display:none}}
@media(prefers-reduced-motion:reduce){.mak-sniff-preview,.mak-on-this-day-card{transition:none!important}.mak-pwa-appbar-live i{box-shadow:none}}
@media(hover:none){.mak-sniff-preview{display:none!important}}
::view-transition-old(mak-gazdi-panel),::view-transition-new(mak-gazdi-panel){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}

::view-transition-old(mak-local-panel),::view-transition-new(mak-local-panel){animation-duration:.2s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}


/* View Transition Types: irányt érzékelő panel-morph, régi böngészőn sima cross-fade. */
@keyframes mak-vt-out-left{to{transform:translateX(-18px);opacity:0}}
@keyframes mak-vt-in-right{from{transform:translateX(18px);opacity:0}}
@keyframes mak-vt-out-right{to{transform:translateX(18px);opacity:0}}
@keyframes mak-vt-in-left{from{transform:translateX(-18px);opacity:0}}
html:active-view-transition-type(forward)::view-transition-old(mak-local-panel),html:active-view-transition-type(forward)::view-transition-old(mak-gazdi-panel){animation-name:mak-vt-out-left}
html:active-view-transition-type(forward)::view-transition-new(mak-local-panel),html:active-view-transition-type(forward)::view-transition-new(mak-gazdi-panel){animation-name:mak-vt-in-right}
html:active-view-transition-type(backward)::view-transition-old(mak-local-panel),html:active-view-transition-type(backward)::view-transition-old(mak-gazdi-panel){animation-name:mak-vt-out-right}
html:active-view-transition-type(backward)::view-transition-new(mak-local-panel),html:active-view-transition-type(backward)::view-transition-new(mak-gazdi-panel){animation-name:mak-vt-in-left}
@media(prefers-reduced-motion:reduce){html:active-view-transition-type(forward)::view-transition-group(*),html:active-view-transition-type(backward)::view-transition-group(*){animation-duration:.01ms!important}}