.navbar{position:fixed;top:0;left:0;right:0;background:var(--briefs-surface-page);border-bottom:1px solid var(--briefs-color-line);z-index:1000;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.05)}[data-theme=dark] .navbar{box-shadow:0 2px 4px rgba(0,0,0,.45)}.navbar-container{width:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.35rem;text-decoration:none;transition:opacity .2s ease}.navbar-brand:hover{opacity:.8}.navbar-brand-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center}.navbar-brand-img{width:28px;height:28px;object-fit:contain}.navbar-brand-name{font-weight:700;font-size:1rem;color:var(--briefs-color-ink);letter-spacing:-.01em}.navbar-brand-text{color:#333333;font-weight:600;font-size:1.125rem}.navbar-beta{color:#2970EA;font-weight:600;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:rgba(41,112,234,.1);border-radius:.375rem;margin-left:0}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-signin-button{min-height:44px;padding:0 1.5rem;background:var(--briefs-color-blue);color:var(--briefs-color-on-blue);border:none;border-radius:999px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:background-color .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.navbar-signin-button:hover{background:var(--briefs-color-blue-deep)}.navbar-signin-button:focus-visible{outline:none;box-shadow:var(--briefs-focus-ring)}@media (max-width:576px){.navbar{padding:.75rem 0}.navbar-container{padding:0 1rem}.navbar-brand-icon{width:7rem;height:auto}.navbar-brand-text{font-size:1rem}.navbar-beta{font-size:.5rem;padding:.2rem .4rem;margin-left:0}.navbar-signin-button{padding:0 1rem;font-size:1rem}}@media (min-width:577px) and (max-width:768px){.navbar-brand-icon{width:28px;height:auto}.navbar-brand-text{font-size:1.125rem}}@media (min-width:769px){.navbar-container{padding:0 2rem}.navbar-brand-icon{width:28px;height:auto}.navbar-brand-text{font-size:1.25rem}}@media (min-width:1200px){.navbar-container{width:100%;padding:0 3rem}.navbar-brand-icon{width:28px;height:auto}.navbar-brand-text{font-size:1.25rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}