:root{font-family:Arial,sans-serif;color:#fff;background:#4b0309;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}
.app-bar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:48px;padding:4px max(14px,env(safe-area-inset-right)) 4px max(14px,env(safe-area-inset-left));border-bottom:1px solid #ffffff24}
.app-bar a,.app-bar button{font:700 14px Arial,sans-serif;color:#f1b51d;background:none;border:0;text-decoration:none;padding:10px;cursor:pointer}
#portal-view{display:block;border:0;width:100%;flex:1;min-height:0;background:#fff}
dialog{width:calc(100% - 32px);max-width:430px;margin:auto;border:1px solid #f1b51d;border-radius:18px;padding:22px;background:#4b0309;color:#fff;box-shadow:0 16px 60px #0006}
dialog::backdrop{background:#0007}
.dialog-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
h2{font-size:22px;margin:0}
#notifications-close{background:none;border:0;color:#fff;font-size:30px;padding:0 5px;cursor:pointer}
#push-status{line-height:1.5}
.notification-actions{display:flex;flex-wrap:wrap;gap:10px}
.notification-actions button{border:0;background:#f1b51d;color:#260508;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #f1b51d;outline-offset:3px}

@media(max-width:480px){.app-bar{flex-wrap:wrap;justify-content:center;gap:0}.app-bar a,.app-bar button{font-size:12px;padding:9px 8px}}