.op-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--edh-bg);color:var(--edh-ink)}.op-skip{position:absolute;left:var(--edh-space-3);top:calc(-1 * var(--edh-space-16));z-index:50;display:inline-flex;min-height:var(--edh-target-min);align-items:center;border-radius:var(--edh-radius-sm);background:var(--edh-ink);padding:0 var(--edh-space-4);font-size:var(--edh-text-ui);font-weight:var(--edh-weight-medium);color:var(--edh-ink-inverse)}.op-skip:focus{top:var(--edh-space-3)}.op-top{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--edh-space-4);row-gap:var(--edh-space-2);border-bottom:1px solid var(--edh-hairline);background:var(--edh-chrome);padding:var(--edh-space-2) var(--edh-space-8);backdrop-filter:var(--edh-blur-chrome);-webkit-backdrop-filter:var(--edh-blur-chrome)}.op-brand{display:inline-flex;flex:none;min-height:var(--edh-target-min);align-items:center;gap:var(--edh-space-2);border-radius:var(--edh-radius-sm);padding:0 var(--edh-space-1)}.op-brand__lockup{display:block;width:auto;height:1.625rem}.op-brand__lockup--dark{display:none}@media(prefers-color-scheme:dark){:root[data-theme=dark] .op-brand__lockup--light{display:none}:root[data-theme=dark] .op-brand__lockup--dark{display:block}}.op-brand__tag{font-family:var(--edh-font-mono);font-size:var(--edh-text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--edh-ink-3)}.op-top__spacer{flex:1}.op-toplink{display:inline-flex;flex:none;min-height:var(--edh-target-min);align-items:center;border-radius:var(--edh-radius-sm);padding:0 var(--edh-space-3);font-size:var(--edh-text-small);letter-spacing:var(--edh-text-small-ls);color:var(--edh-ink-2)}.op-menu{position:relative;flex:none}.op-menu__btn{display:inline-flex;align-items:center;gap:var(--edh-space-2);min-height:var(--edh-target-min);border-radius:var(--edh-radius-pill);border:1px solid var(--edh-line);background:transparent;padding:0 var(--edh-space-3) 0 var(--edh-space-2);font:inherit;font-size:var(--edh-text-ui);color:var(--edh-ink-2);cursor:pointer}.op-menu__name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-avatar{display:inline-flex;width:1.625rem;height:1.625rem;align-items:center;justify-content:center;border-radius:var(--edh-radius-pill);background:var(--edh-surface-inverse);font-size:var(--edh-text-label);font-weight:var(--edh-weight-strong);color:var(--edh-ink-inverse)}.op-menu__panel{position:absolute;top:calc(100% + var(--edh-space-2));right:0;z-index:40;display:flex;width:16.75rem;flex-direction:column;gap:.0625rem;border-radius:var(--edh-radius-lg);border:.5px solid var(--edh-hairline);background:var(--edh-chrome-thick);padding:var(--edh-space-2);box-shadow:var(--edh-elev-3);backdrop-filter:var(--edh-blur-overlay);-webkit-backdrop-filter:var(--edh-blur-overlay)}.op-menu__head{display:flex;flex-direction:column;gap:var(--edh-space-1);padding:var(--edh-space-2) var(--edh-space-3) var(--edh-space-3)}.op-menu__who{margin:0;font-size:var(--edh-text-ui);font-weight:var(--edh-weight-strong)}.op-menu__email{margin:0;font-size:var(--edh-text-small);color:var(--edh-ink-3);overflow-wrap:anywhere}.op-menu__item{display:flex;min-height:var(--edh-target-min);align-items:center;justify-content:space-between;gap:var(--edh-space-4);border-radius:var(--edh-radius-sm);border:0;background:transparent;padding:var(--edh-space-3);text-align:left;font:inherit;font-size:var(--edh-text-ui);font-weight:var(--edh-weight-medium);color:var(--edh-ink);cursor:pointer}.op-menu__rule{margin:var(--edh-space-2) var(--edh-space-1);height:.0625rem;background:var(--edh-hairline)}.op-menu__panel[data-state=closing]{pointer-events:none;animation:op-menu-out var(--edh-motion-exit-dur) var(--edh-motion-default-ease) both}@keyframes op-menu-out{to{opacity:0}}.op-menu--placeholder{display:inline-flex;min-height:var(--edh-target-min);min-width:7.5rem;align-items:center;justify-content:flex-end}.op-menu--placeholder>.op-avatar{background:var(--edh-tint)}.op-shell{margin:0 auto;width:100%;max-width:73.75rem;flex:1;padding:var(--edh-space-10) var(--edh-space-8) calc(var(--edh-space-16) * 2);display:flex;align-items:flex-start;gap:var(--edh-space-8)}.op-shell--focused{display:block}.op-shell--narrow>.op-main{margin:0 auto;max-width:38.75rem}.op-side{position:sticky;top:5.5rem;flex:0 0 13.375rem;min-width:0}.op-side__id{display:flex;align-items:center;gap:var(--edh-space-3);padding:0 var(--edh-space-1) var(--edh-space-4)}.op-side__who{min-width:0}.op-side__name{margin:0;font-size:var(--edh-text-body);letter-spacing:-.008em;font-weight:var(--edh-weight-strong);text-wrap:pretty}.op-side__status{margin:var(--edh-space-1) 0 0;font-size:var(--edh-text-small);color:var(--edh-ink-3)}.op-nav{display:flex;flex-direction:column;gap:.0625rem;border-top:1px solid var(--edh-line);padding-top:var(--edh-space-3)}.op-nav a{display:flex;min-height:var(--edh-target-min);align-items:center;justify-content:space-between;gap:var(--edh-space-2);border-radius:var(--edh-radius-sm);padding:var(--edh-space-2) var(--edh-space-3);font-size:var(--edh-text-ui);font-weight:var(--edh-weight-medium);color:var(--edh-ink-2);white-space:nowrap}.op-nav__label{min-width:0}.op-nav a.active{background:var(--edh-surface-inverse);font-weight:var(--edh-weight-strong);color:var(--edh-ink-inverse);--edh-pressable-tint: color-mix(in srgb, var(--edh-ink-inverse) 12%, transparent)}.op-nav__meta{flex:none;font-family:var(--edh-font-mono);font-size:var(--edh-text-label);letter-spacing:.08em;color:var(--edh-ink-3)}.op-nav a.active .op-nav__meta{color:var(--edh-ink-inverse)}.op-main{display:flex;min-width:0;flex:1 1 20rem;flex-direction:column;gap:var(--edh-space-5);outline:none}@media(max-width:900px){.op-top{padding:var(--edh-space-1) var(--edh-space-4)}.op-top .op-toplink--wide{display:none}.op-shell{flex-direction:column;align-items:stretch;gap:var(--edh-space-4);padding:var(--edh-space-5) var(--edh-space-4) var(--edh-space-16)}.op-main{flex:none;width:100%}.op-side{position:static;flex:none;width:100%}.op-side__id{display:none}.op-nav{flex-direction:row;flex-wrap:nowrap;gap:var(--edh-space-2);border-top:0;padding:0 0 var(--edh-space-1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-height:var(--edh-target-min)}.op-nav a{flex:none;padding:0 var(--edh-space-3);border:1px solid var(--edh-line);background:var(--edh-surface);border-radius:var(--edh-radius-pill);font-size:var(--edh-text-small)}.op-nav a.active{border-color:var(--edh-surface-inverse)}}@media(max-width:480px){.op-brand__tag{display:none}}