.op-sidebar,.op-topbar,.op-palette,.op-menu[role=menu]{--op-bg:#fbfcfe;--op-page:#f9fafb;--op-card:#fff;--op-popover:#fff;--op-fg:#17181a;--op-muted:#f2f3f6;--op-muted-fg:#616369;--op-hover:#f2f3f680;--op-accent:#f1f2f4;--op-accent-fg:#1a1a1c;--op-border:#dddee1;--op-primary:#1a1a1c;--op-destructive:#e3121e;color:var(--op-fg)}@supports (color:lab(0% 0 0)){.op-sidebar,.op-topbar,.op-palette,.op-menu[role=menu]{--op-bg:lab(98.824% .0141859 -1.14007);--op-page:lab(98.2516% -.0501573 -.758076);--op-card:lab(100% 0 0);--op-popover:lab(100% 0 0);--op-fg:lab(8.3375% .037536 -1.50929);--op-muted:lab(95.9185% .0201762 -1.51929);--op-muted-fg:lab(41.9436% .096634 -3.7717);--op-hover:lab(95.9185% .0201762 -1.51929/.5);--op-accent:lab(95.3385% .020206 -1.51927);--op-accent-fg:lab(9.49756% .0365227 -1.50984);--op-border:lab(88.373% .0273287 -1.89791);--op-primary:lab(9.49756% .0365227 -1.50984);--op-destructive:lab(48.9622% 72.6008 53.3924)}}.dark .op-sidebar,.dark .op-topbar,.dark .op-palette,.dark .op-menu{--op-bg:#0e0e10;--op-page:#0a0a0b;--op-card:#121315;--op-popover:#161719;--op-fg:#f4f5f7;--op-muted:#202022;--op-muted-fg:#9fa1a8;--op-hover:#20202280;--op-accent:#262628;--op-accent-fg:#f4f5f7;--op-border:#ffffff14;--op-primary:#e3e4e7;--op-destructive:#f14445}@supports (color:lab(0% 0 0)){.dark .op-sidebar,.dark .op-topbar,.dark .op-palette,.dark .op-menu{--op-bg:lab(4.0432% .0276938 -.999871);--op-page:lab(2.74549% .0145137 -.576413);--op-card:lab(5.70122% .0323802 -1.25261);--op-popover:lab(7.75991% .03732 -1.50478);--op-fg:lab(96.504% .0142157 -1.14003);--op-muted:lab(12.3977% .0343546 -1.51104);--op-muted-fg:lab(66.3046% .0793338 -3.78128);--op-hover:lab(12.3977% .0343546 -1.51104/.5);--op-accent:lab(15.2978% .0325888 -1.51203);--op-accent-fg:lab(96.504% .0142157 -1.14003);--op-border:lab(100% 0 0/.08);--op-primary:lab(90.6985% .0204742 -1.51914);--op-destructive:lab(56.1223% 66.3826 40.6881)}}.op-sidebar{background-color:var(--op-bg);border-right:1px solid var(--op-border);contain:layout paint style}.op-topbar{background-color:var(--op-page);border-bottom:1px solid var(--op-border)}.op-topbar .op-divider{border-color:var(--op-border)}.op-topbar .op-muted,.op-topbar .op-crumb-link{color:var(--op-muted-fg)}.op-topbar .op-crumb-link:hover,.op-topbar .op-crumb-current,.op-topbar .op-logo{color:var(--op-fg)}.op-topbar .op-icon-btn{width:2.25rem;height:2.25rem;color:var(--op-muted-fg);border-radius:.5rem;place-items:center;transition:background-color .15s,color .15s;display:grid}.op-topbar .op-icon-btn:hover{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-user-btn{border:1px solid var(--op-border);background-color:var(--op-card);transition:background-color .15s}.op-topbar .op-user-btn:hover,.op-topbar .op-user-btn[data-state=open]{background-color:var(--op-muted)}.op-menu[role=menu]{background-color:var(--op-popover);border:1px solid var(--op-border)}.op-menu .op-muted{color:var(--op-muted-fg)}.op-menu .op-role{color:var(--op-primary)}.op-menu .op-sep{background-color:var(--op-border)}.op-menu .op-menu-item{color:color-mix(in oklab, var(--op-fg) 90%, transparent)}.op-menu .op-menu-item[data-highlighted]{background-color:var(--op-muted);color:var(--op-fg);outline:none}.op-menu .op-menu-danger{color:var(--op-destructive)}.op-menu .op-menu-danger[data-highlighted]{background-color:color-mix(in oklab, var(--op-destructive) 10%, transparent);color:var(--op-destructive);outline:none}.op-sidebar .op-divider{border-color:var(--op-border)}.op-sidebar .op-rail{border-left:1px solid var(--op-border)}.op-sidebar .op-rail-soft{border-left:1px solid color-mix(in oklab, var(--op-border) 70%, transparent)}.op-sidebar .op-section{color:var(--op-fg)}.op-sidebar .op-section:hover{background-color:var(--op-hover)}.op-sidebar .op-link{color:var(--op-muted-fg)}.op-sidebar .op-link:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-sidebar .op-link .op-icon{color:var(--op-muted-fg)}.op-sidebar .op-link:hover .op-icon{color:color-mix(in oklab, var(--op-fg) 80%, transparent)}.op-sidebar .op-link-active,.op-sidebar .op-link-active:hover{background-color:var(--op-accent);color:var(--op-accent-fg);font-weight:500}.op-sidebar .op-link-active .op-icon{color:var(--op-fg)}.op-sidebar .op-indicator{background-color:var(--op-primary)}.op-sidebar .op-group{color:color-mix(in oklab, var(--op-fg) 85%, transparent)}.op-sidebar .op-group:hover{background-color:var(--op-hover)}.op-sidebar .op-muted{color:var(--op-muted-fg)}.op-sidebar .op-skeleton{background-color:var(--op-accent)}.op-sidebar .op-rail-link{color:var(--op-muted-fg)}.op-sidebar .op-rail-link:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-sidebar .op-rail-link-active,.op-sidebar .op-rail-link-active:hover{background-color:var(--op-accent);color:var(--op-accent-fg);box-shadow:0 1px 2px #0000000d}.op-topbar .op-logo img{filter:none}.dark .op-topbar .op-logo img.invert{filter:brightness(0)invert()}.op-sidebar .op-scroll{scrollbar-width:thin;scrollbar-color:var(--op-border) transparent}.nav-progress{z-index:60;pointer-events:none;transform-origin:0;opacity:0;background:#1a1a1c;background:lab(9.49756% .0365227 -1.50984);height:2px;animation:.15s ease-out .12s forwards nav-progress-in,8s cubic-bezier(.1,.7,.2,1) .12s forwards nav-progress-grow;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.dark .nav-progress{background:#e3e4e7;background:lab(90.6985% .0204742 -1.51914)}@keyframes nav-progress-in{to{opacity:1}}@keyframes nav-progress-grow{to{transform:scaleX(.92)}}@media (prefers-reduced-motion:reduce){.nav-progress{animation:.15s ease-out .12s forwards nav-progress-in;transform:scaleX(.6)}}.op-palette .op-muted{color:var(--op-muted-fg)}.op-palette .op-divider{border-color:var(--op-border)}.op-palette-panel{background:var(--op-popover);border:1px solid var(--op-border);box-shadow:0 24px 70px -20px #0000008c,0 2px 8px -2px #0000004d}.op-palette .op-palette-input{color:var(--op-fg)}.op-palette .op-palette-input::placeholder{color:var(--op-muted-fg)}.op-palette .op-palette-close{color:var(--op-muted-fg)}.op-palette .op-palette-close:hover{background-color:var(--op-muted);color:var(--op-fg)}.op-palette .op-palette-item{color:var(--op-fg);transition:background-color .15s}.op-palette .op-palette-item:hover{background-color:var(--op-hover)}.op-palette .op-palette-item.is-active{background-color:var(--op-muted)}.op-palette .op-palette-icon{border:1px solid var(--op-border);background-color:var(--op-card)}.op-palette .op-palette-chip{background-color:var(--op-muted)}.op-palette .op-kbd{background-color:var(--op-muted);color:color-mix(in oklab, var(--op-fg) 80%, transparent)}.op-topbar .op-search-btn{border:1px solid var(--op-border);background-color:var(--op-card);color:var(--op-muted-fg);transition:background-color .15s}.op-topbar .op-search-btn:hover{background-color:var(--op-muted)}.op-topbar .op-kbd{background-color:var(--op-muted);color:var(--op-muted-fg)}.op-topbar .op-popover{background-color:var(--op-popover);border:1px solid var(--op-border);color:var(--op-fg);box-shadow:0 12px 32px -12px #00000040,0 2px 6px -2px #0000001f}.op-topbar .op-popover-item{color:color-mix(in oklab, var(--op-fg) 90%, transparent);transition:background-color .15s}.op-topbar .op-popover-item:hover{background-color:var(--op-muted)}.op-topbar .op-popover-item.is-active{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-link-muted{color:var(--op-muted-fg);transition:color .15s}.op-topbar .op-link-muted:hover{color:var(--op-fg)}.op-topbar .op-chip{color:var(--op-muted-fg);background-color:#0000;transition:background-color .15s,color .15s}.op-topbar .op-chip:hover{background-color:var(--op-hover);color:var(--op-fg)}.op-topbar .op-chip.is-active{background-color:var(--op-muted);color:var(--op-fg)}.op-topbar .op-notif-row{border-bottom:1px solid color-mix(in oklab, var(--op-border) 50%, transparent);transition:background-color .15s}.op-topbar .op-notif-row:last-child{border-bottom:0}.op-topbar .op-notif-row:hover{background-color:var(--op-hover)}.op-topbar .op-notif-row.is-unread{background-color:color-mix(in oklab, var(--op-muted) 25%, transparent)}.op-topbar .op-dot-read{background-color:color-mix(in oklab, var(--op-muted-fg) 30%, transparent)}.op-topbar .op-fg-soft{color:color-mix(in oklab, var(--op-fg) 85%, transparent)}.op-topbar .op-badge-ring{box-shadow:0 0 0 2px var(--op-page)}.op-sidebar .op-section-title{color:var(--op-muted-fg)}.op-sidebar .op-divider{border-top:1px solid var(--op-border)}
