.view-as-banner{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.4rem 1rem;background:var(--color-active-bg, #FFF0E0);border-bottom:1px solid var(--color-brand, #BC5215);color:var(--color-text, #1C1B1A);font-family:var(--font-sans-med, var(--font-sans));font-size:1rem}.view-as-banner__eye{display:inline-flex;color:var(--color-brand, #BC5215)}.view-as-banner__copy strong{font-family:var(--font-sans-bold, var(--font-sans));font-weight:700}.view-as-banner__admin{color:var(--color-text-secondary, #575653)}.view-as-banner__exit{font-family:var(--font-sans-med, var(--font-sans));font-size:1rem;line-height:1;padding:.25rem .75rem;border:1px solid var(--color-brand, #BC5215);border-radius:4px;background:var(--color-bg, #FFFCF0);color:var(--color-brand, #BC5215);box-shadow:0 2px 0 var(--color-brand, #BC5215);cursor:pointer;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.view-as-banner__exit:hover{transform:translateY(1px);box-shadow:0 1px 0 var(--color-brand, #BC5215)}.view-as-banner__exit:active{transform:translateY(2px);box-shadow:0 0 0 var(--color-brand, #BC5215)}html.dark .view-as-banner{background:#bc52152e;color:var(--color-text, #F2F0E5)}html.dark .view-as-banner__exit{background:transparent}.view-as-modal__backdrop{position:fixed;inset:0;z-index:300;background:#100f0f66;display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem}.view-as-modal{width:100%;max-width:26rem;background:var(--color-bg, #FFFCF0);border:1px solid var(--color-border, #DAD8CE);border-radius:8px;box-shadow:0 8px 24px #100f0f29;padding:1.25rem}html.dark .view-as-modal{background:var(--color-surface, #1C1B1A)}.view-as-modal__title{font-family:var(--font-sans-bold, var(--font-sans));font-size:1.1875rem;margin:0 0 .25rem}.view-as-modal__hint{font-size:1rem;color:var(--color-text-secondary, #575653);margin:0 0 1rem}.view-as-modal__section{font-family:var(--font-mono, monospace);font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, #575653);margin:1rem 0 .4rem}.view-as-modal__row{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;border:1px solid var(--color-border, #DAD8CE);border-radius:6px;background:transparent;color:var(--color-text, #1C1B1A);font-family:var(--font-sans-med, var(--font-sans));font-size:1rem;cursor:pointer;margin-bottom:.4rem}.view-as-modal__row:hover:not(:disabled){background:var(--color-surface, #F2F0E5)}html.dark .view-as-modal__row:hover:not(:disabled){background:#f2f0e50f}.view-as-modal__row:disabled{opacity:.45;cursor:not-allowed}.view-as-modal__row-desc{display:block;font-family:var(--font-sans, sans-serif);font-weight:400;font-size:.875rem;color:var(--color-text-secondary, #575653)}.view-as-modal__search{width:100%;padding:.5rem .6rem;border:1px solid var(--color-border, #DAD8CE);border-radius:6px;background:var(--color-bg, #FFFCF0);color:var(--color-text, #1C1B1A);font-family:var(--font-sans, sans-serif);font-size:1rem;margin-bottom:.4rem}html.dark .view-as-modal__search{background:var(--color-surface, #1C1B1A);color:var(--color-text, #F2F0E5)}.view-as-modal__results{max-height:14rem;overflow-y:auto}.view-as-modal__avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.view-as-modal__avatar--initials{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface, #F2F0E5);color:var(--color-text-secondary, #575653);font-family:var(--font-mono, monospace);font-size:.75rem}.view-as-modal__empty{font-size:1rem;color:var(--color-text-secondary, #575653);padding:.5rem .2rem}.view-as-modal__error{font-size:1rem;color:var(--color-brand, #BC5215);margin:.5rem 0 0}.view-as-modal__close{position:absolute;top:.7rem;right:.7rem;background:none;border:none;color:var(--color-text-secondary, #575653);cursor:pointer;padding:.25rem}.view-as-modal{position:relative}