.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:#ffffff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-container{width:100%;padding:0 var(--home-gutter,50px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid #e5e5e5}.header-logo{flex:1 1;font-size:24px;font-weight:700;color:#007AFF;text-decoration:none;transition:color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-logo:hover{color:#0051D5}.header-nav{display:none;align-items:center;gap:32px}@media (min-width:768px){.header-nav{display:flex}}.header-nav-link{font-size:15px;font-weight:500;color:#666666;text-decoration:none;transition:color .2s;padding-top:2px;padding-bottom:2px;border-top:2px solid transparent;border-bottom:2px solid transparent}.header-nav-link:hover{color:#000000}.header-nav-link.active{color:#1a1a1a;font-weight:600;border-bottom-color:#1a1a1a}.header-right{display:none;flex:1 1;align-items:center;justify-content:flex-end;gap:12px}@media (min-width:768px){.header-right{display:flex}}.header-actions,.mobile-nav{display:flex;align-items:center}.mobile-nav{justify-content:space-around;position:fixed;bottom:calc(10px + env(safe-area-inset-bottom, 0px));left:12px;right:12px;z-index:60;padding:8px;border-radius:28px;background-color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(17,24,39,.16),0 2px 8px rgba(17,24,39,.08),inset 0 1px 1px rgba(255,255,255,.7)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-nav{background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-link{flex:1 1;min-width:0;font-weight:500;color:#8E8E93;text-decoration:none;padding:6px 4px;border-radius:18px;transition:color .2s,background-color .2s;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer}.mobile-nav-icon{width:24px;height:24px;flex-shrink:0}.mobile-nav-label{font-size:10px;line-height:1.1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-link:hover{color:#000000}.mobile-nav-link.active{color:#007AFF;background-color:rgba(0,122,255,.12)}.header-auth-actions{display:flex;align-items:center;gap:8px}.header-auth-button{padding:8px 16px;background-color:transparent;color:#007AFF;border:1px solid #007aff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.header-auth-button:hover{background-color:rgba(0,122,255,.08)}.header-auth-button-primary{background-color:#007AFF;color:white;border-color:#007AFF}.header-auth-button-primary:hover{background-color:#0051D5}.header-user-menu{position:relative;display:flex;align-items:center;gap:12px}.header-avatar-link{display:flex;align-items:center;gap:8px;text-decoration:none;padding:4px 8px;border-radius:8px;transition:background-color .2s;background:none;border:none;cursor:pointer;font:inherit}.header-avatar-link:hover{background-color:#f5f5f5}.header-user-caret{color:#999;font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .2s}.header-user-caret.open{transform:rotate(-90deg)}.header-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:6px;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 12px 32px rgba(17,24,39,.14),0 2px 8px rgba(17,24,39,.08);z-index:70}.header-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;background:none;border:none;cursor:pointer;text-decoration:none;text-align:left;font-size:14px;font-weight:500;color:#1a1a1a;transition:background-color .15s}.header-dropdown-item:hover{background-color:#f5f5f5}.header-dropdown-icon{font-size:16px;line-height:1;width:20px;text-align:center}.header-dropdown-divider{height:1px;margin:6px 8px;background-color:#ececec}.header-dropdown-signout{color:#d1242f}.header-dropdown-signout:hover{background-color:rgba(209,36,47,.08)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#007AFF,#5856D6);color:white;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.header-user-name{font-size:14px;color:#333;font-weight:500}.header-signout-button{padding:6px 12px;background:none;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.header-signout-button:hover{border-color:#ccc;color:#333}@media (max-width:768px){.header{display:none}.header-content{height:56px}.header-logo{font-size:20px}.header-user-menu{display:none}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top, 0px)) 16px 10px;background:var(--color-error-600);color:#ffffff;font-size:14px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.18)}.offline-banner-icon{flex-shrink:0}.offline-banner-text{flex:1 1;line-height:1.35}.offline-banner-retry{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;border:none;border-radius:9999px;padding:6px 12px;background:rgba(255,255,255,.2);color:#ffffff;font-size:13px;font-weight:600;cursor:pointer}.offline-banner-retry:hover{background:rgba(255,255,255,.3)}