.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--navbar-height);background:#ffffffe6;transition:box-shadow .2s,background .2s,transform .22s,visibility .22s;position:sticky;top:0}@media (max-width:768px){:root[data-navhide=scroll] .navbar{visibility:hidden;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.navbar{transition:box-shadow .2s,background .2s}}:root[data-theme=dark] .navbar{background:#1a1a1ad9}.navbar--scrolled{box-shadow:var(--shadow)}.navbar__inner{align-items:center;gap:28px;height:100%;display:flex}.navbar__logo{color:var(--color-primary);letter-spacing:-.3px;flex-shrink:0;font-size:18px;font-weight:800}.navbar__menu--pc{flex:1;gap:4px;display:flex}.navbar__nav-link{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}@media (hover:hover){.navbar__nav-link:hover{color:var(--color-text);background:var(--color-border-subtle)}}.navbar__nav-link.active{color:var(--color-primary);font-weight:600}.navbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar__username{color:var(--color-text-muted);font-size:13px;font-weight:500}.navbar__auth-btn{padding:7px 16px;font-size:13px}.navbar__theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.navbar__theme-toggle svg{width:18px;height:18px}@media (hover:hover){.navbar__theme-toggle:hover{background:var(--color-border-subtle);color:var(--color-primary)}}:root:not([data-theme=dark]) .navbar__theme-swap--dark,:root[data-theme=dark] .navbar__theme-swap--light{display:none}.navbar__hamburger{border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;transition:background .15s;display:none}@media (hover:hover){.navbar__hamburger:hover{background:var(--color-border-subtle)}}.navbar__bar{background:var(--color-text);transform-origin:50%;border-radius:2px;width:20px;height:1.8px;transition:transform .25s,opacity .2s,width .25s;display:block}.navbar__hamburger.is-open .navbar__bar:first-child{transform:translateY(6.8px)rotate(45deg)}.navbar__hamburger.is-open .navbar__bar:nth-child(2){opacity:0;width:0}.navbar__hamburger.is-open .navbar__bar:nth-child(3){transform:translateY(-6.8px)rotate(-45deg)}@media (max-width:768px){.navbar__menu--pc{display:none}.navbar__hamburger{display:flex}.navbar__username,.navbar__auth-btn--logout,.navbar__theme-toggle{display:none}}@media (pointer:coarse){.navbar__side-close{width:40px;height:40px}}.navbar__overlay{z-index:200;pointer-events:none;overscroll-behavior:contain;background:0 0;transition:background .3s;position:fixed;inset:0}.navbar__overlay.is-open{pointer-events:auto;background:#00000073}.navbar__side{background:var(--color-white);width:min(260px,68vw);box-shadow:var(--shadow-lg);flex-direction:column;padding:0 0 24px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.navbar__side.is-open{transform:translate(0)}.navbar__side-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.navbar__side-logo{color:var(--color-primary);font-size:16px;font-weight:800}.navbar__side-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}@media (hover:hover){.navbar__side-close:hover{background:var(--color-border-subtle);color:var(--color-text)}}.navbar__side-user{color:var(--color-text-muted);padding:14px 20px 0;font-size:13px;font-weight:600}.navbar__side-nav{flex-direction:column;gap:2px;padding:12px 12px 0;display:flex}.navbar__side-nav a{text-align:left;width:100%;color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:11px 12px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:block}@media (hover:hover){.navbar__side-nav a:hover{background:var(--color-border-subtle);color:var(--color-text)}}.navbar__side-nav a.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.navbar__side-desc{color:var(--color-text-muted);word-break:keep-all;margin-top:2px;font-size:12px;font-weight:400;display:block}.navbar__side-nav a.active .navbar__side-desc{color:var(--color-primary)}.navbar__side-footer{flex-direction:column;gap:8px;margin-top:auto;padding:12px 12px 0;display:flex}.navbar__side-theme,.navbar__side-logout{text-align:center;width:100%;color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:11px 12px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.navbar__side-theme svg{width:16px;height:16px}.navbar__side-install{width:100%;color:var(--color-primary-dark);background:var(--color-primary-soft);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.navbar__side-install svg{width:17px;height:17px}@media (hover:hover){.navbar__side-install:hover{background:var(--color-primary-light)}.navbar__side-theme:hover,.navbar__side-logout:hover{border-color:var(--color-text-muted);background:var(--color-bg);color:var(--color-text)}}.navbar__toast{background:var(--color-text);color:var(--color-white);border-radius:var(--radius-full);letter-spacing:-.1px;box-shadow:var(--shadow-md);z-index:9999;white-space:nowrap;pointer-events:none;padding:11px 22px;font-size:14px;font-weight:500;animation:.28s cubic-bezier(.16,1,.3,1) forwards toast-slide-in,.35s 2.2s forwards toast-fade-out;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}