.il-view-as{position:sticky;top:0;z-index:120;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--surface,#fff);color:var(--ink,#18232d);border-bottom:2px solid currentColor;font:inherit;overflow-wrap:anywhere}
.il-view-as[hidden],.il-view-as [hidden]{display:none}
.il-view-as-words{flex:1 1 20rem}.il-view-as-clock{font-variant-numeric:tabular-nums}.il-view-as-message{flex:1 1 100%}
.il-view-as button{font:inherit;min-height:44px;min-width:44px;padding:.5rem 1rem;color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--r-2);cursor:pointer}
.il-view-as button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
body .sidebar,body .topbar{top:var(--il-view-as-height,0px)}
body .app.nav-collapsed .app-menu{top:calc(16px + var(--il-view-as-height,0px))}
@media(prefers-color-scheme:dark){.il-view-as{background:var(--surface,#18232d);color:var(--ink,#f1f5f8)}}

.va-page{max-width:68rem;margin:1.5rem auto;padding:1rem}.va-page h1,.va-page h2{font-size:21px}.va-page form{display:grid;gap:1rem;max-width:36rem}.va-page label{display:grid;gap:.35rem}.va-page input,.va-page textarea,.va-page button{font:inherit;min-height:44px;max-width:100%;box-sizing:border-box;padding:.6rem}.va-page :focus-visible{outline:3px solid currentColor;outline-offset:3px}.va-table-wrap{overflow-x:auto}.va-page table{border-collapse:collapse;width:100%}.va-page th,.va-page td{text-align:left;vertical-align:top;padding:.6rem;border-bottom:1px solid currentColor}