*{margin:0;padding:0;box-sizing:border-box}:root{--oc-bg: #0a0c18;--oc-text: #eceef6;--oc-text-muted: #8e92a8;--oc-text-faint: #555a72;--oc-nav-bg: #212638;--oc-nav-border: #0a0c18;--oc-surface-2: #101321;--oc-surface-3: #13162a;--oc-border: #343850;--oc-border-subtle: #212638;--oc-border-card: #2a2e48;--oc-dot: #1a1d30;--oc-accent: #757eff;--oc-hover-bg: #2a2e48;--oc-btn-bg: #1e2136;--oc-card-shadow: rgba(0, 0, 0, .4)}[data-theme=light]{--oc-bg: #ffffff;--oc-text: #101321;--oc-text-muted: #555a72;--oc-text-faint: #8e92a8;--oc-nav-bg: #f5f7ff;--oc-nav-border: #eceef6;--oc-surface-2: #eceef6;--oc-surface-3: #ffffff;--oc-border: #c2c5d6;--oc-border-subtle: #eceef6;--oc-border-card: #d0d3e0;--oc-dot: #dfe1ec;--oc-accent: #5a64ff;--oc-hover-bg: #eceef6;--oc-btn-bg: #e8eaf4;--oc-card-shadow: rgba(0, 0, 0, .1)}body{font-family:Figtree,sans-serif;background:var(--oc-bg);color:var(--oc-text);height:100vh;display:flex;flex-direction:column;overflow:hidden;visibility:hidden}body.authed{visibility:visible}.header{display:flex;gap:1rem;justify-content:space-between;align-items:center;height:3.5rem;padding:.75rem 1rem;background-color:var(--oc-nav-bg);border-bottom:1px solid var(--oc-nav-border);flex-shrink:0;z-index:20}@media(min-width:50rem){.header{height:4rem;padding:.75rem 1.5rem}}.title-wrapper{overflow:clip;padding:.25rem;margin:-.25rem;min-width:0}.site-title{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--oc-text);font-weight:600;font-size:1.5rem;line-height:1;white-space:nowrap}.site-title img{max-height:1.75rem;width:auto}.logo-light{display:none}.logo-dark,[data-theme=light] .logo-light{display:block}[data-theme=light] .logo-dark{display:none}.header-center{flex:1}.right-group{display:flex;align-items:center;gap:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-label{--sl-label-icon-size: .875rem;--sl-caret-size: 1.25rem;--sl-inline-padding: .5rem;position:relative;display:flex;align-items:center;gap:.25rem;color:var(--oc-text-muted)}.theme-label:hover{color:var(--oc-text)}.icon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.label-icon{font-size:var(--sl-label-icon-size);inset-inline-start:0}.caret{font-size:var(--sl-caret-size);inset-inline-end:0}.theme-label select{border:0;padding-block:.625rem;padding-inline:calc(var(--sl-label-icon-size) + var(--sl-inline-padding) + .25rem) calc(var(--sl-caret-size) + var(--sl-inline-padding) + .25rem);margin-inline:calc(var(--sl-inline-padding) * -1);width:calc(6.25em + var(--sl-inline-padding) * 2);background-color:transparent;text-overflow:ellipsis;color:inherit;cursor:pointer;appearance:none;font-family:Figtree,sans-serif;font-size:.875rem}.theme-label select option{background-color:var(--oc-nav-bg);color:var(--oc-text)}.auth-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--oc-border);border-radius:.375rem;color:var(--oc-text-muted);padding:.25rem .75rem;font-size:.8125rem;font-family:Figtree,sans-serif;cursor:pointer;line-height:1.5}.auth-btn:hover{border-color:var(--oc-accent);color:var(--oc-text)}.user-email{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--oc-surface-2);border-bottom:1px solid var(--oc-border-subtle);flex-shrink:0;z-index:10}@media(min-width:50rem){.toolbar{padding:.5rem 1.5rem}}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--oc-btn-bg);border:1px solid var(--oc-border);border-radius:.375rem;color:var(--oc-text-muted);cursor:pointer;transition:all .1s}.tool-btn:hover{background:var(--oc-hover-bg);border-color:var(--oc-accent);color:var(--oc-text)}.text-btn{width:auto;padding:0 .75rem;font-family:Figtree,sans-serif;font-size:.75rem;font-weight:500}.zoom-level{font-size:.7rem;color:var(--oc-text-faint);min-width:2.5rem;text-align:center;font-variant-numeric:tabular-nums}.toolbar-hint{margin-left:auto;font-size:.7rem;color:var(--oc-text-faint)}.viewport{flex:1;overflow:hidden;position:relative;cursor:grab;touch-action:none;background:radial-gradient(circle at 1px 1px,var(--oc-dot) 1px,transparent 0) 0 0 / 40px 40px}.canvas-wrapper{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.connections{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.conn-line{fill:none;stroke:var(--oc-border);stroke-width:2;stroke-linecap:round}.cards{position:absolute;top:0;left:0}.card{position:absolute;width:180px;background:var(--oc-surface-3);border:1px solid var(--oc-border-card);border-radius:.875rem;overflow:hidden;cursor:default;transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--card-accent, var(--oc-accent));box-shadow:0 4px 24px var(--oc-card-shadow),0 0 0 1px var(--card-accent, var(--oc-accent));transform:translateY(-2px);z-index:5}.card-photo{width:100%;height:140px;overflow:hidden;background:var(--oc-btn-bg)}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%);transition:filter .2s}.card:hover .card-photo img{filter:grayscale(0%)}.card-body{padding:.75rem;text-align:center}.card-name{font-weight:600;font-size:.8rem;color:var(--oc-text);margin-bottom:.2rem;line-height:1.3}.card-role{font-size:.68rem;color:var(--oc-text-muted);margin-bottom:.5rem;line-height:1.3}.card-depts{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.card-dept{display:inline-block;font-size:.6rem;font-weight:600;padding:.2rem .6rem;border-radius:1rem;border:1px solid;letter-spacing:.02em;text-transform:uppercase}.panel-overlay{position:fixed;inset:0;background:#0006;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s ease}.panel-overlay.open{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background:var(--oc-surface-2);border-left:1px solid var(--oc-border);z-index:40;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.panel.open{transform:translate(0)}.panel-close{position:absolute;top:.75rem;right:.75rem;z-index:2;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:var(--oc-btn-bg);border:1px solid var(--oc-border);border-radius:.375rem;color:var(--oc-text-muted);cursor:pointer;transition:all .1s}.panel-close:hover{background:var(--oc-hover-bg);border-color:var(--oc-accent);color:var(--oc-text)}.panel-content{flex:1;overflow-y:auto;padding-bottom:2rem}.panel-hero{width:100%;aspect-ratio:1;overflow:hidden;background:var(--oc-btn-bg)}.panel-hero img{width:100%;height:100%;object-fit:cover;display:block}.panel-info{padding:1.25rem 1.5rem;border-bottom:1px solid var(--oc-border-subtle)}.panel-name{font-size:1.25rem;font-weight:700;color:var(--oc-text);margin:0 0 .25rem}.panel-role{font-size:.875rem;color:var(--oc-text-muted);margin:0 0 .75rem}.panel-depts{display:flex;flex-wrap:wrap;gap:.375rem}.panel-section{padding:1rem 1.5rem;border-bottom:1px solid var(--oc-border-subtle)}.panel-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--oc-text-faint);margin-bottom:.625rem}.panel-reports{display:flex;flex-direction:column;gap:.375rem}.panel-person-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;background:transparent;border:1px solid var(--oc-border-subtle);border-radius:.5rem;cursor:pointer;text-align:left;color:var(--oc-text);font-family:Figtree,sans-serif;transition:all .15s}.panel-person-btn:hover{background:var(--oc-hover-bg);border-color:var(--oc-accent)}.panel-person-btn img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.panel-person-name{font-size:.8125rem;font-weight:600}.panel-person-role{font-size:.7rem;color:var(--oc-text-muted)}.panel-bio{font-size:.875rem;color:var(--oc-text-muted);line-height:1.6;font-style:italic;margin:0}.panel-contact{display:flex;flex-direction:column;gap:.5rem}.panel-contact-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--oc-accent);text-decoration:none;font-size:.8125rem;transition:color .15s}.panel-contact-link:hover{color:var(--oc-text)}.panel-contact-link svg{flex-shrink:0;opacity:.7}.panel-focus{display:flex;flex-wrap:wrap;gap:.375rem}.panel-focus-tag{display:inline-block;font-size:.7rem;font-weight:500;padding:.25rem .625rem;border-radius:.375rem;background:var(--oc-btn-bg);border:1px solid var(--oc-border-subtle);color:var(--oc-text-muted)}@media(max-width:640px){.toolbar-hint,.topbar-title,.site-title span{display:none}.header{padding:.5rem .75rem;gap:.5rem}.right-group{gap:.5rem}.theme-label select{width:auto;padding-inline-end:calc(var(--sl-caret-size) + .25rem)}.user-email{max-width:7rem;font-size:.75rem}.auth-btn{padding:.2rem .5rem;font-size:.75rem;gap:.375rem}.panel{width:100%;max-width:100vw}.panel-hero{aspect-ratio:4/3}}