.avatar-popup{background:#fff;border:1px solid var(--border);border-radius:.7rem;box-shadow:0 8px 24px #07142c26;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 6px);text-align:left;z-index:200}.dark .avatar-popup{background:#161e30}.avatar-popup-nickname{color:var(--muted);font-size:.82rem;font-weight:600;padding:.4rem 1rem .3rem}.avatar-popup-item{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:flex-start;padding:.5rem 1rem;text-align:left;transition:background .15s ease;width:100%}.avatar-popup-item:hover{background:var(--accent-subtle)}.nickname-modal .modal-header{border-bottom:none;padding:.7rem .9rem .3rem}.nickname-modal .modal-body{padding:.4rem .9rem}.nickname-modal .modal-footer{border-top:none;padding:.3rem .9rem .7rem}.nickname-input-wrapper{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.45rem;display:flex;transition:border-color .15s ease,box-shadow .15s ease}.nickname-input-wrapper:focus-within{border-color:var(--accent)}.nickname-at{color:var(--muted);font-size:.88rem;font-weight:600;line-height:1em;padding-left:.7rem;-webkit-user-select:none;user-select:none}.nickname-input-wrapper input,.nickname-input-wrapper input:focus,.nickname-input-wrapper input:focus-visible{background:transparent;border:none;box-shadow:none;color:var(--text);flex:1;font-size:.88rem;line-height:1em;outline:none;padding:.55rem .7rem .55rem .15rem}.avatar-popup-email{color:var(--muted);font-size:.75rem;padding:0 1rem .3rem}.top-bar{align-items:center;background:var(--surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border);border-top:none;border-radius:0 0 1.05rem 1.05rem;box-shadow:0 18px 34px #07142c17;display:flex;gap:1rem;justify-content:space-between;margin:0 calc(-1*clamp(1rem,2vw,2rem)) 1.1rem;padding:.55rem calc(1.2rem + clamp(1rem,2vw,2rem));position:sticky;top:0;transform:translateY(0);transition:transform .3s ease;z-index:100}.top-bar-hidden{transform:translateY(-100%)}.top-bar-group{align-items:center;background:var(--toggle-bg);border-radius:.7rem;display:flex;gap:.3rem;padding:.2rem}.top-bar-title{color:var(--text);font-size:1.1rem;font-weight:700;padding:.28rem .55rem;white-space:nowrap}.top-bar-center{align-items:center;display:flex;gap:16px}.top-bar-nav{background:var(--toggle-bg);border-radius:.7rem;display:flex;gap:.3rem;padding:.2rem}.top-bar-nav-gallery{background:var(--toggle-bg);border-radius:.7rem}.top-bar-link{background:transparent;border:0;border-radius:.52rem;color:var(--muted);cursor:pointer;font-size:.88rem;font-weight:600;padding:.4rem .9rem;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.top-bar-link:hover{background:var(--accent-subtle)}.top-bar-link-active{background:var(--toggle-active-bg);box-shadow:var(--toggle-active-shadow);color:var(--text)}.top-bar-lang{background:var(--toggle-bg);border-radius:.7rem;display:flex;gap:.3rem;padding:.2rem}.top-bar-lang-btn{background:transparent;border:0;border-radius:.52rem;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700;padding:.35rem .65rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.top-bar-lang-btn:hover{background:var(--accent-subtle)}.top-bar-lang-active{background:var(--toggle-active-bg);box-shadow:var(--toggle-active-shadow);color:var(--text)}.top-bar-group .top-bar-lang{background:transparent;border-radius:0;padding:0}.panel-toggle-btn{align-items:center;background:transparent;border:0;border-radius:.52rem;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:.32rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.panel-toggle-btn:hover{background:var(--accent-subtle);color:var(--text)}.panel-toggle-btn-active{background:var(--toggle-active-bg);box-shadow:var(--toggle-active-shadow);color:var(--text)}.panel-toggle-btn:active{transform:scale(.9)}.panel-toggle-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-subtle);outline:0}.dark-mode-btn{padding:.35rem .45rem}.top-bar-right{align-items:center;display:flex;gap:16px}.auth-google-btn{align-items:center;background:transparent;border:0;border-radius:.52rem;color:var(--muted);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:.35rem;padding:.35rem .7rem;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.auth-google-btn:hover{background:var(--accent-subtle);color:var(--text)}.auth-avatar-wrapper{position:relative}.auth-avatar-btn{background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;padding:0;transition:border-color .2s ease,box-shadow .2s ease}.auth-avatar-btn:hover{border-color:var(--accent)}.auth-avatar-btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:0}.auth-avatar{border-radius:50%;height:26px;object-fit:cover;width:26px}.auth-avatar-placeholder{align-items:center;background:var(--accent-subtle);border-radius:50%;color:var(--accent);display:flex;font-size:.75rem;font-weight:700;height:26px;justify-content:center;width:26px}@media(max-width:640px){.top-bar,.top-bar-center{flex-wrap:wrap;gap:.5rem;justify-content:center}.top-bar-right{gap:8px}}.site-footer{border-top:1px solid var(--border);flex-shrink:0;margin-top:auto;min-height:max-content;padding:.75rem 1.5rem;text-align:center}.site-footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.site-footer-links a{color:var(--muted);font-size:.82rem;text-decoration:none;transition:color .15s ease}.site-footer-links a:hover{color:var(--accent)}