*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;overflow-x:clip;min-height:100dvh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}#navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);flex-shrink:0;padding-right:28px;border-right:1px solid var(--border);margin-right:4px}.nav-logo span{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-left:20px;border-left:1px solid var(--border)}.nav-links{display:flex;align-items:center;flex:1;justify-content:center;gap:0}.nav-link{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--c-glass) / .72);padding:0 16px;height:var(--nav-h);display:flex;align-items:center;transition:color .15s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent)}.nav-sep{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1rem;color:rgb(var(--c-glass) / .25);pointer-events:none;user-select:none}.nav-salon-btn{display:flex;align-items:center;gap:7px;padding:5px 12px;background:rgb(var(--accent-rgb) / .06);border:1px solid rgb(var(--accent-rgb) / .45);border-radius:0;font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);transition:background .15s,border-color .15s}.nav-salon-btn:hover{background:rgb(var(--accent-rgb) / .12);border-color:var(--accent)}.nav-salon-btn.active{background:rgb(var(--accent-rgb) / .1)}.nav-salon-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0;animation:salon-pulse 2s ease-in-out infinite}@keyframes salon-pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-dd-sep{border:none;border-top:1px solid var(--border);margin:4px 0}.nav-dd-head{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border)}.nav-dd-head-av{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--surface);flex-shrink:0}.nav-dd-head-info{display:flex;flex-direction:column;gap:1px;min-width:0}.nav-dd-head-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.04em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dd-head-elo{font-size:.68rem;font-weight:600;color:var(--accent);letter-spacing:.04em}.nav-dd-group{display:block;padding:8px 12px 3px;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.nav-dd-logout{background:none;width:100%;text-align:left;border:none;font-family:inherit;color:var(--danger, #f87171)}.nav-dd-logout:hover{background:#f8717114!important}.nav-dd-admin{color:var(--accent)}@media(max-width:1180px){.nav-link{font-size:1rem;padding:0 9px}#nav-username{display:none}}@media(max-width:960px){.nav-sep{display:none}}@media(max-width:900px){.nav-link{font-size:.88rem;padding:0 5px}.nav-link-aide{display:none}}.nav-dd-mobile-only{display:none}@media(max-width:768px){.nav-links,.nav-salon-btn{display:none}.nav-dd-mobile-only{display:block}}