.skilleri-frontend-update{--sfu-surface:var(--card,#fff);--sfu-ink:var(--ink,#0f1b17);--sfu-line:var(--rule,var(--line,#e4ebef));--sfu-hover:var(--raised,var(--line-2,#eef2f5));--sfu-action:var(--brand-700,var(--emerald-dark,#0e7049));--sfu-action-ink:var(--on-brand,#fff);--sfu-ring:var(--brand-700,var(--emerald-dark,#0e7049));box-sizing:border-box;background:var(--sfu-surface);color:var(--sfu-ink);font:inherit;text-align:start;overflow-wrap:anywhere;line-height:1.6}.skilleri-frontend-update--inertia{--sfu-surface:rgb(var(--panel,255 255 255));--sfu-ink:rgb(var(--ink,26 26 24));--sfu-line:rgb(var(--line,226 226 222));--sfu-hover:rgb(var(--surface,247 250 253))}html[data-theme=dark] .skilleri-frontend-update{--sfu-action:var(--brand-700,#5fe0a9);--sfu-action-ink:var(--bg,#0a1210)}html.dark .skilleri-frontend-update--inertia{--sfu-action:var(--emerald-light,#5dcaa5);--sfu-action-ink:rgb(var(--surface,26 26 24));--sfu-ring:var(--emerald-light,#5dcaa5)}.skilleri-frontend-update__banner{z-index:210;inset-inline-end:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--sfu-line);border-radius:var(--r,16px);width:max-content;max-width:min(640px,100vw - 32px);box-shadow:var(--shadow,0 8px 30px #0f1b170f);align-items:center;gap:16px;padding:14px 18px;display:flex;position:fixed}.skilleri-frontend-update__banner p,.skilleri-frontend-update__dialog p{margin:0}.skilleri-frontend-update__button{border:1px solid var(--sfu-line);border-radius:var(--r-sm,10px);background:var(--sfu-surface);min-height:44px;color:inherit;font:inherit;text-align:center;cursor:pointer;flex:none;padding:9px 14px;font-weight:700;line-height:1.5}.skilleri-frontend-update__button:hover{background:var(--sfu-hover)}.skilleri-frontend-update__button--primary,.skilleri-frontend-update__button--primary:hover{border-color:var(--sfu-action);background:var(--sfu-action);color:var(--sfu-action-ink)}.skilleri-frontend-update__button:focus-visible{outline:3px solid var(--sfu-ring);outline-offset:3px}.skilleri-frontend-update__dialog{border:1px solid var(--sfu-line);border-radius:var(--r,16px);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg,0 24px 60px #0f1b1724);margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.skilleri-frontend-update__dialog::backdrop{background:#0a120f6b}.skilleri-frontend-update__dialog h2{color:inherit;font:inherit;margin:0 0 12px;font-size:1.2em;font-weight:800}.skilleri-frontend-update__actions{border-top:1px solid var(--sfu-line);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}html[data-skin=book] .skilleri-frontend-update__banner,html[data-skin=book] .skilleri-frontend-update__dialog,html[data-skin=book] .skilleri-frontend-update__button{border-radius:0}html[data-skin=book] .skilleri-frontend-update__banner{box-shadow:none}html[data-skin=book] .skilleri-frontend-update__dialog{border-color:var(--rule,currentColor);box-shadow:var(--shadow-lg,0 16px 40px #1c19172e)}html[data-skin=book] .skilleri-frontend-update__dialog::backdrop{background:#1c191773}@media (width<=480px){.skilleri-frontend-update__banner{flex-direction:column;align-items:stretch;gap:10px;width:auto;inset-inline:16px}.skilleri-frontend-update__actions>button{flex:1}}@media print{.skilleri-frontend-update{display:none}}
