.os-logo-menu{--proximity:0;--cursor-dx:0;--cursor-dy:0;display:inline-flex}.os-logo-menu,.os-logo-menu-trigger{position:relative;align-items:center}.os-logo-menu-trigger{display:flex;gap:0;padding:6px 8px;border:none;background:transparent;border-radius:10px;cursor:pointer;transform:perspective(800px) rotateY(calc(var(--cursor-dx) * 3deg)) rotateX(calc(var(--cursor-dy) * -3deg)) translateY(calc(-2px * var(--proximity)));box-shadow:calc(-4px * var(--cursor-dx)) calc(-4px * var(--cursor-dy)) calc(12px * var(--proximity)) rgba(0,0,0,calc(.07 * var(--proximity)));transition:transform .2s ease-out,box-shadow .2s ease-out;z-index:51}.os-logo-menu-trigger:focus-visible{outline:2px solid var(--color-border-focus,#0284c7);outline-offset:2px}.os-logo-menu-logo-area{display:flex;align-items:center;gap:6px}.os-logo-menu-icon{flex-shrink:0;color:var(--color-fg,#111)}.os-logo-menu-icon--mini{width:24px;height:24px}.os-logo-menu-icon--full{height:24px;width:auto}.os-logo-menu-label{font-size:16px;font-weight:600;color:var(--color-fg,#111);white-space:nowrap}.os-logo-menu-waffle{display:flex;align-items:center;opacity:var(--proximity);transform:scale(calc(.8 + .2 * var(--proximity)));transition:opacity .2s ease-out,transform .2s ease-out;color:var(--color-fg-subtle,#9ca3af)}.os-logo-menu-trigger:hover{transform:perspective(800px) rotateY(calc(var(--cursor-dx) * 3deg)) rotateX(calc(var(--cursor-dy) * -3deg)) translateY(-2px);box-shadow:calc(-4px * var(--cursor-dx)) calc(-4px * var(--cursor-dy)) 12px rgba(0,0,0,.07)}.os-logo-menu--open .os-logo-menu-waffle,.os-logo-menu-trigger:hover .os-logo-menu-waffle{opacity:1;transform:scale(1)}.os-logo-menu--open .os-logo-menu-trigger{transform:perspective(800px) rotateX(0) rotateY(0) translateY(0);box-shadow:none}.os-logo-menu-panel{position:absolute;top:calc(100% + 6px);left:0;width:280px;background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.08),0 4px 10px -4px rgba(0,0,0,.04);z-index:50;transform-origin:top left;animation:os-menu-expand .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes os-menu-expand{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.os-logo-menu-panel-inner{overflow:hidden;padding:8px}.os-logo-menu-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle,#9ca3af);padding:6px 8px 4px;margin:0}.os-logo-menu-section-items{display:flex;flex-direction:column;gap:1px}.os-logo-menu-divider{height:1px;background:var(--color-border,#e5e7eb);margin:6px 8px}.os-menu-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .15s ease-out}.os-menu-item:hover{background-color:var(--color-bg-card-hover,#f9fafb)}.os-menu-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--color-bg-elevated,#f3f4f6);color:var(--color-fg-muted,#374151);flex-shrink:0;transition:background-color .15s ease-out,color .15s ease-out}.os-menu-item:hover .os-menu-item-icon{background:var(--color-brand-subtle,#e0f2fe);color:var(--color-brand,#0284c7)}.os-menu-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.os-menu-item-name{font-size:13px;font-weight:500;color:var(--color-fg,#111827);line-height:1.3}.os-menu-item-desc{font-size:11px;color:var(--color-fg-subtle,#9ca3af);line-height:1.3}.os-menu-external-icon{width:12px;height:12px;color:var(--color-fg-subtle,#d1d5db);flex-shrink:0}.os-menu-item:hover .os-menu-external-icon{color:var(--color-fg-muted,#9ca3af)}.os-menu-item-tags{display:flex;gap:4px;flex-shrink:0}.os-menu-item-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px;line-height:1.4}.os-menu-item-tag--beta{background:#fef3c7;color:#92400e}.os-menu-item-tag--new{background:#dbeafe;color:#1e40af}.os-menu-item-tag--testing{background:#f3e8ff;color:#6b21a8}.os-logo-menu[data-theme=dark] .os-logo-menu-icon,.os-logo-menu[data-theme=dark] .os-logo-menu-label{color:#fff}.os-logo-menu[data-theme=dark] .os-logo-menu-waffle{color:rgba(255,255,255,.5)}.os-logo-menu[data-theme=dark] .os-logo-menu-panel{background:#1a1d27;border-color:#2a2e3a;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 4px 10px -4px rgba(0,0,0,.2)}.os-logo-menu[data-theme=dark] .os-menu-item-name{color:#e5e7eb}.os-logo-menu[data-theme=dark] .os-logo-menu-section-label,.os-logo-menu[data-theme=dark] .os-menu-item-desc{color:#9ca3af}.os-logo-menu[data-theme=dark] .os-logo-menu-divider{background:#2a2e3a}.os-logo-menu[data-theme=dark] .os-menu-item-icon{background:#242b35}.os-logo-menu[data-theme=dark] .os-menu-item:hover{background-color:#232736}.os-logo-menu[data-theme=dark] .os-menu-item:hover .os-menu-item-icon{background:rgba(59,130,246,.15);color:#3b82f6}.os-logo-menu[data-theme=dark] .os-menu-item-tag--beta{background:#78350f;color:#fde68a}.os-logo-menu[data-theme=dark] .os-menu-item-tag--new{background:#1e3a5f;color:#93c5fd}.os-logo-menu[data-theme=dark] .os-menu-item-tag--testing{background:#3b0764;color:#d8b4fe}.os-menu-item:focus-visible{outline:2px solid var(--color-border-focus,#3b82f6);outline-offset:-2px}@media (hover:none){.os-logo-menu-waffle{opacity:.5;transform:scale(1)}.os-logo-menu-trigger{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.os-logo-menu-trigger:active{transform:scale(.93);transition:transform 80ms ease-out}.os-logo-menu--open .os-logo-menu-waffle,.os-logo-menu-trigger:active .os-logo-menu-waffle{opacity:1}.os-logo-menu-trigger:hover{transform:none;box-shadow:none}.os-logo-menu-trigger:hover .os-logo-menu-waffle{opacity:.5;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.os-logo-menu-panel,.os-logo-menu-trigger,.os-logo-menu-waffle,.os-menu-item,.os-menu-item-icon{transition-duration:.01ms!important}.os-logo-menu-panel{animation-duration:.01ms!important;animation-iteration-count:1!important}}