header{background-color:color-mix(in srgb,var(--panel-bg) 65%,transparent);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent);position:sticky;top:0;z-index:1000;height:64px;box-shadow:0 4px 20px rgba(0,0,0,3%);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-container{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--color-accent);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-button);flex-shrink:0}.nav-banner{display:flex;gap:8px}.nav-link{color:var(--text-color);text-decoration:none;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:var(--radius-button);transition:all var(--transition-fast)ease}.nav-link:hover{background-color:color-mix(in srgb,var(--border-color) 45%,transparent);color:var(--color-accent)}.header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-button{background:0 0;border:1px solid transparent;padding:8px;border-radius:50%;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)ease}.icon-button:hover{background-color:color-mix(in srgb,var(--border-color) 45%,transparent)}.header-icon{width:20px;height:20px;object-fit:contain;display:block}.hamburger-button{display:none}@media(max-width:768px){.header-container{padding:0 14px}.nav-banner{display:none}.hamburger-button{display:flex}.site-logo{font-size:1.1rem}.logo-sub{display:none!important}}.mobile-drawer{position:fixed;top:64px;right:-100%;width:270px;height:calc(100vh - 64px);background-color:color-mix(in srgb,var(--panel-bg) 75%,transparent);backdrop-filter:blur(30px)saturate(190%);-webkit-backdrop-filter:blur(30px)saturate(190%);border-left:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);box-shadow:-10px 0 30px rgba(0,0,0,.15);z-index:999;transition:right var(--transition-normal)cubic-bezier(.16,1,.3,1);padding:24px;display:flex;flex-direction:column;gap:16px}.mobile-drawer.active{right:0}@media(max-width:768px){.nav-banner{display:none}.hamburger-button{display:flex}}.login-dropdown-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.login-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;background-color:color-mix(in srgb,var(--panel-bg) 75%,transparent);backdrop-filter:blur(30px)saturate(190%);-webkit-backdrop-filter:blur(30px)saturate(190%);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);border-top-color:rgba(255,255,255,.35);border-radius:var(--radius-button);box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.25);width:max-content;min-width:190px;max-width:250px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px)scale(.96);transition:opacity var(--transition-fast)ease,transform var(--transition-fast)cubic-bezier(.16,1,.3,1),visibility var(--transition-fast)ease;z-index:99999;display:flex;flex-direction:column;pointer-events:none}.login-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)scale(1);pointer-events:auto}.dropdown-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:10px 14px!important;border:none!important;border-radius:calc(var(--radius-button) - 3px)!important;background:0 0!important;color:var(--text-color)!important;font-size:.875rem!important;font-weight:500!important;text-align:left!important;cursor:var(--cursor-default)!important;white-space:nowrap!important;box-sizing:border-box!important;transition:background-color var(--transition-fast)ease,color var(--transition-fast)ease}.dropdown-item:hover{background-color:color-mix(in srgb,var(--color-accent) 15%,transparent)!important;color:var(--color-accent)!important}#login-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:var(--cursor-default)!important}#login-trigger img,.login-dropdown-container img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:1.5px solid color-mix(in srgb,var(--border-color) 60%,transparent);box-shadow:0 2px 8px rgba(0,0,0,.12);transition:border-color var(--transition-fast)ease,transform var(--transition-fast)ease}#login-trigger:hover img{border-color:var(--color-accent);box-shadow:var(--shadow-hover);transform:scale(1.05)}#login-trigger svg,.login-dropdown-container svg,.dropdown-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0!important;color:var(--text-color)}.dropdown-item.disabled{color:var(--text-muted)!important;opacity:.5!important;cursor:not-allowed!important}.dropdown-item.disabled .dropdown-icon{color:var(--text-muted)!important}.dropdown-item.danger{color:#ef4444!important}.dropdown-item.danger .dropdown-icon{color:#ef4444!important}.dropdown-item.danger:hover{background-color:rgba(239,68,68,.12)!important}.material-input-group{position:relative;width:100%}.material-input-group input{width:100%;padding:14px 16px;font-size:.95rem;font-weight:400;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);border-radius:var(--radius-button);outline:none;background-color:color-mix(in srgb,var(--panel-bg) 50%,transparent);color:var(--text-color);box-shadow:inset 0 1px 1px rgba(255,255,255,.15);transition:border-color var(--transition-fast)ease,box-shadow var(--transition-fast)ease,background-color var(--transition-fast)ease;box-sizing:border-box;cursor:var(--cursor-text)}.material-input-group label{position:absolute;left:14px;top:50%;transform:translateY(-50%);background-color:color-mix(in srgb,var(--panel-bg) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0 6px;border-radius:4px;color:var(--text-muted);font-size:.95rem;font-weight:400;pointer-events:none;transition:transform var(--transition-fast)ease,top var(--transition-fast)ease,font-size var(--transition-fast)ease,color var(--transition-fast)ease}.material-input-group input:focus,.material-input-group input:not(:placeholder-shown){border-color:var(--color-accent);background-color:color-mix(in srgb,var(--panel-bg) 75%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}.material-input-group input:focus+label,.material-input-group input:not(:placeholder-shown)+label{top:0;font-size:.75rem;font-weight:700;color:var(--color-accent);transform:translateY(-50%)}.google-login-card{background-color:color-mix(in srgb,var(--panel-bg) 75%,transparent);backdrop-filter:blur(35px)saturate(190%);-webkit-backdrop-filter:blur(35px)saturate(190%);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);border-top-color:rgba(255,255,255,.45);border-radius:var(--radius-card);width:100%;max-width:400px;padding:40px;box-sizing:border-box;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.35);overflow:hidden}.google-login-card::before{content:"✧";position:absolute;top:15px;left:20px;font-size:1.2rem;color:var(--color-accent);opacity:.6}.google-login-card::after{content:"✦";position:absolute;bottom:15px;right:20px;font-size:1.2rem;color:var(--color-accent);opacity:.6}.google-close-btn{position:absolute;top:16px;right:16px;background:0 0;border:none;font-size:1.4rem;color:var(--text-muted);cursor:var(--cursor-default);padding:4px 8px;line-height:1;z-index:10;transition:color var(--transition-fast)ease,transform var(--transition-fast)ease}.google-close-btn:hover{color:var(--text-color);transform:scale(1.1)}.google-header{text-align:center;margin-bottom:30px}.google-logo{font-size:1.6rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.google-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-color);margin:0 0 6px}.google-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400}.google-notice{font-size:.875rem;color:var(--text-muted);line-height:1.5;font-weight:450}.google-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);font-weight:400}.google-footer-links{display:flex;gap:16px}.google-link-sub{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)ease}.google-link-sub:hover{color:var(--text-color)}.google-btn-primary{background-color:var(--color-accent)!important;color:#0f172a!important;border:none;padding:12px 24px;font-size:.9rem;font-weight:700;border-radius:var(--radius-button);cursor:var(--cursor-default);box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent) 35%,transparent);transition:background-color var(--transition-fast),transform var(--transition-fast)ease}.google-btn-primary:hover{background-color:var(--color-accent-light)!important;transform:translateY(-1px)}.google-btn-secondary{background-color:color-mix(in srgb,var(--panel-bg) 50%,transparent)!important;color:var(--text-color)!important;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)!important;padding:11px 24px;font-size:.9rem;font-weight:700;border-radius:var(--radius-button);cursor:var(--cursor-default);box-sizing:border-box;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)ease}.google-btn-secondary:hover{background-color:color-mix(in srgb,var(--panel-bg) 80%,transparent)!important;border-color:var(--color-accent)!important;transform:translateY(-1px)}.google-link{color:var(--color-accent);text-decoration:none;font-size:.875rem;font-weight:700}.google-link:hover{color:var(--color-accent-light);text-decoration:underline}.avatar-upload-container:hover .avatar-upload-overlay{opacity:1!important}.avatar-upload-container:hover #profile-preview-img{filter:brightness(.85);border-color:var(--color-accent)!important}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)ease}