.demo-banner{display:flex;flex-direction:column;gap:.25rem;padding:.625rem 1rem;border-bottom:1px solid var(--aio-outline);background:var(--aio-surface);color:var(--aio-on-surface)}.demo-banner-expired,.demo-banner-warning{background:var(--aio-warning-container);color:var(--aio-on-warning-container)}.demo-banner-title{margin:0;font-size:.75rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.demo-banner-detail,.demo-banner-expiry{margin:0;font-size:.8125rem;line-height:1.4}.demo-banner-expiry{font-weight:600}body:has(>.demo-banner){display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body:has(>.demo-banner) .shell{flex:1 1;min-height:0}@media (max-width:30rem){.demo-banner{padding:.5rem .75rem}}.ntf{position:relative}.ntf,.ntf-slot{display:inline-flex;align-items:center}.ntf-slot{-webkit-margin-start:auto;margin-inline-start:auto}.ntf-docked{position:fixed;inset-block-end:16px;inset-inline-start:16px;z-index:35}.ntf-dock-reserved{-webkit-padding-after:72px;padding-block-end:72px}.ntf-bell{position:relative;display:inline-flex;gap:4px;align-items:center;min-height:36px;padding:6px 10px;font:inherit;color:var(--aio-on-surface);cursor:pointer;background:var(--aio-surface);border:1px solid var(--aio-outline);border-radius:8px}.ntf-bell:hover{color:var(--aio-on-surface-hover);background:var(--aio-surface-hover)}.chat-room-mute-offer:focus-visible,.chat-room-mute-summary:focus-visible,.ntf-action:focus-visible,.ntf-bell:focus-visible,.ntf-input:focus-visible,.ntf-settings-link:focus-visible{outline:2px solid var(--aio-focus-ring);outline-offset:2px}.ntf-bell-count{min-width:18px;padding:0 5px;font-size:.75rem;font-weight:600;line-height:18px;color:var(--aio-on-primary-container);text-align:center;background:var(--aio-primary-container);border-radius:999px}.ntf-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:30;display:flex;flex-direction:column;gap:14px;width:min(420px,calc(100vw - 32px));max-height:min(70vh,640px);padding:14px;overflow-y:auto;color:var(--aio-on-surface-raised);background:var(--aio-surface-raised);border:1px solid var(--aio-outline-variant);border-radius:12px;box-shadow:var(--aio-elevation-overlay)}.ntf-panel-header{display:flex;gap:8px;align-items:center;justify-content:space-between}.ntf-panel-title{margin:0;font-size:1rem;font-weight:650}.ntf-panel-title:focus-visible{outline:2px solid var(--aio-focus-ring);outline-offset:4px}.ntf-section{display:flex;flex-direction:column;gap:8px}.ntf-section-head{display:flex;gap:8px;align-items:center;justify-content:space-between}.ntf-section-title{margin:0;font-size:.8125rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--aio-on-surface-muted)}.ntf-list{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;list-style:none}.ntf-item,.ntf-toast{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:space-between;padding:10px 12px;color:var(--aio-on-surface);background:var(--aio-surface);border:1px solid var(--aio-outline-variant);border-radius:10px}.ntf-item-body{display:flex;flex:1 1 200px;flex-direction:column;gap:2px;min-width:0}.ntf-item-title{font-weight:600}.ntf-item-text,.ntf-item-title{overflow-wrap:anywhere}.ntf-item-meta{display:flex;gap:8px;font-size:.75rem;color:var(--aio-on-surface-muted)}.ntf-item-actions{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.ntf-action{min-height:32px;padding:4px 10px;font:inherit;font-size:.875rem;color:var(--aio-on-surface);cursor:pointer;background:var(--aio-surface);border:1px solid var(--aio-outline);border-radius:8px}.ntf-action:hover:not(:disabled){color:var(--aio-on-surface-hover);background:var(--aio-surface-hover)}.ntf-action:disabled{color:var(--aio-on-surface-disabled);cursor:default}.ntf-action-primary{color:var(--aio-on-primary);background:var(--aio-primary);border-color:var(--aio-primary)}.ntf-action-primary:hover:not(:disabled){color:var(--aio-on-primary);background:var(--aio-primary);filter:brightness(1.08)}.ntf-action-primary:disabled{color:var(--aio-on-surface-disabled);background:var(--aio-surface);border-color:var(--aio-outline-variant)}.ntf-muted{margin:0;font-size:.875rem}.ntf-hint,.ntf-muted{color:var(--aio-on-surface-muted)}.ntf-hint{font-size:.8125rem}.ntf-error{margin:0;font-size:.875rem;color:var(--aio-on-danger-container)}p.ntf-error,span.ntf-error[role=alert]{padding:6px 10px;background:var(--aio-danger-container);border-radius:8px}.ntf-settings-link{align-self:flex-start;font-size:.875rem;color:var(--aio-primary);text-decoration:underline}.ntf-toasts{position:fixed;inset-block-end:16px;inset-inline-end:16px;z-index:40;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}.ntf-toast{pointer-events:auto;color:var(--aio-on-surface-raised);background:var(--aio-surface-raised);box-shadow:var(--aio-elevation-overlay);animation:ntf-toast-in .18s ease-out}@keyframes ntf-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ntf-toast{animation:none}}.ntf-settings{display:flex;flex-direction:column;gap:18px;max-width:720px;min-height:100vh;min-height:100dvh;padding:24px 20px 48px;margin:0 auto;background:var(--aio-background);color:var(--aio-on-background)}.ntf-settings-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.ntf-settings-title{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em}.ntf-settings-lede{margin:0;color:var(--aio-on-background-muted)}.ntf-form{gap:16px}.ntf-fieldset,.ntf-form{display:flex;flex-direction:column}.ntf-fieldset{gap:12px;min-width:0;padding:18px;margin:0;background:var(--aio-surface);color:var(--aio-on-surface);border:1px solid var(--aio-outline-variant);border-radius:12px}.ntf-legend{padding:0;margin:0 0 4px;font-size:15px;font-weight:650}.ntf-field{display:flex;flex-direction:column;gap:4px}.ntf-field-inline{flex-direction:row;gap:8px;align-items:center}.ntf-field-label{font-size:13px;font-weight:600;color:var(--aio-on-surface-muted)}.ntf-input{width:100%;padding:8px 10px;font:inherit;color:var(--aio-on-surface);background:var(--aio-surface);border:1px solid var(--aio-outline);border-radius:8px}.ntf-input[aria-invalid=true]{border-color:var(--aio-danger)}.ntf-input-time{width:auto}.ntf-check{display:inline-flex;gap:8px;align-items:center;font-size:.9375rem}.ntf-windows{gap:10px;padding:0;list-style:none}.ntf-window-fields,.ntf-windows{display:flex;flex-direction:column;margin:0}.ntf-window-fields{gap:8px;padding:12px;border:1px solid var(--aio-outline-variant);border-radius:10px}.ntf-window-legend{padding:0 4px;font-size:.8125rem;font-weight:650;color:var(--aio-on-surface-muted)}.ntf-window-days,.ntf-window-times{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ntf-preview{padding:10px 12px;margin:0;font-size:.9375rem;color:var(--aio-on-primary-container);background:var(--aio-primary-container);border-radius:8px}.ntf-preview:empty{display:none}.ntf-save-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ntf-save-status{font-size:.875rem;color:var(--aio-on-background-muted)}.ntf-person{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:8px}.ntf-person-status{font-size:.8125rem;color:var(--aio-on-surface-muted)}.chat-room-mute-menu{position:relative;-webkit-margin-before:2px;margin-block-start:2px;font-size:.75rem}.chat-room-mute-summary{display:inline-block;padding:2px 8px;color:var(--aio-on-surface);cursor:pointer;list-style:none;border:1px solid var(--aio-outline);border-radius:6px}.chat-room-mute-summary::-webkit-details-marker{display:none}.chat-room-mute-summary:hover{color:var(--aio-on-surface-hover);background:var(--aio-surface-hover)}.chat-room-mute-offers{position:absolute;inset-inline-start:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:6px;margin:4px 0 0;list-style:none;color:var(--aio-on-surface-raised);background:var(--aio-surface-raised);border:1px solid var(--aio-outline-variant);border-radius:8px;box-shadow:var(--aio-elevation-overlay)}.chat-room-mute-offer{width:100%;padding:6px 8px;font:inherit;font-size:.8125rem;color:var(--aio-on-surface);text-align:start;cursor:pointer;background:var(--aio-surface);border:1px solid transparent;border-radius:6px}.chat-room-mute-offer:hover:not(:disabled){color:var(--aio-on-surface-hover);background:var(--aio-surface-hover)}.chat-room-mute-offer:disabled{color:var(--aio-on-surface-disabled);cursor:default}.chat-room-mute-failed{color:var(--aio-on-danger-container)}@media (max-width:480px){.ntf-panel{inset-inline-end:-8px}.ntf-window-times{flex-direction:column;align-items:flex-start}}