*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1b1e;color:#e8e6e3;min-height:100vh;min-height:100dvh}.navbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#16171a;border-bottom:1px solid #2a2b30;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.nav-links{display:flex;align-items:center;gap:.5rem;flex:1}.nav-link{padding:.5rem 1rem;text-decoration:none;color:#9a9a9a;border-radius:6px;font-weight:500;transition:background .2s,color .2s}@media(hover:hover){.nav-link:hover{background:#2a2b30;color:#e8e6e3}}.nav-link.router-link-active{background:#c9985a;color:#1a1b1e}.logout-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1rem}.nav-measure{position:absolute;top:0;left:0;width:0;overflow:hidden;display:flex;gap:.5rem;white-space:nowrap;visibility:hidden;pointer-events:none}.nav-measure>*{flex:0 0 auto}.burger{display:flex;background:none;border:none;cursor:pointer;padding:.6rem;width:44px;height:44px;align-items:center;justify-content:center}.burger-bars,.burger-bars:before,.burger-bars:after{display:block;width:22px;height:2px;background:#e8e6e3;border-radius:2px;transition:transform .2s,opacity .2s}.burger-bars:before,.burger-bars:after{content:"";position:relative}.burger-bars:before{top:-7px}.burger-bars:after{top:5px}.burger-bars.open{background:transparent}.burger-bars.open:before{top:2px;transform:rotate(45deg)}.burger-bars.open:after{top:0;transform:rotate(-45deg)}.container{max-width:800px;margin:2rem auto;padding:0 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.navbar{position:relative}.nav-links.compact{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.5rem;background:#16171a;border-bottom:1px solid #2a2b30;box-shadow:0 8px 24px #0006;z-index:10}.nav-links.compact.open{display:flex}.nav-links.compact .nav-link{padding:.75rem 1rem;text-align:left}.nav-links.compact .logout-btn{margin-left:0;text-align:left}@media(max-width:720px){.navbar{padding:.5rem .75rem}.container{margin:1rem auto}}