@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(184,135,58,.3)}50%{transform:scale(1.05);box-shadow:0 8px 24px rgba(184,135,58,.6)}}.nav{position:sticky;top:0;z-index:10;background:rgba(18,61,53,.98);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.2);width:100vw;margin-top:calc(-1*var(--navbar-body-padding-top, 0px));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}.nav,.nav a,.nav button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.nav-inner{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);gap:16px;max-width:1180px;margin:0 auto;width:100%}.nav a.brand{display:flex;gap:10px;color:var(--nav-brand, #F5DDAD);font-weight:700;font-size:1.05em;text-decoration:none}.brand img{width:28px;height:28px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.nav a,.nav a.brand,.nav-inner,.nav-main{align-items:center}.nav ul,.nav-main{display:flex;gap:16px}.nav-main{justify-self:center;min-width:0}.nav ul{list-style:none;justify-content:center;margin:0;padding:0}.nav a{color:#e5e7eb;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:10px;transition:background .2s,color .2s;display:inline-flex;line-height:1.2;white-space:nowrap}.nav a:hover,.nav-dropdown-item:hover,.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger{background:rgba(255,255,255,.08);color:#fff}.nav #navMenu>li>a{font-size:.9em}.nav-toggle{display:none;background:0 0;border:0;padding:6px;margin-left:auto;cursor:pointer}.nav-toggle-line{display:block;width:20px;height:2px;border-radius:999px;background:#e5e7eb;margin:3px 0;transition:transform .2s,opacity .2s}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:8px;background:0 0;border:0;color:#e5e7eb;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .2s,color .2s;font-size:.9em;font-family:inherit;line-height:1.2;white-space:nowrap}.nav-dropdown-arrow{transition:transform .2s;display:block;flex:0 0 auto}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:rgba(18,61,53,.98);border-radius:14px;box-shadow:0 14px 40px rgba(17,24,39,.25);padding:8px;display:none;z-index:1000;border:1px solid rgba(255,255,255,.18);flex-direction:column;align-items:stretch}.nav-dropdown.open .nav-dropdown-menu{display:flex}.nav-dropdown-item{display:block;padding:8px 12px;border-radius:10px;color:#e5e7eb;font-weight:600;font-size:.9em;text-decoration:none;transition:background .18s ease-out,color .18s ease-out;white-space:nowrap}.nav-dropdown-divider{height:1px;margin:6px 4px;background:rgba(255,255,255,.14)}.nav-dropdown-label{padding:6px 12px 4px;color:rgba(255,255,255,.7);font-size:.72em;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s;border:2px solid;white-space:nowrap}.nav-btn-primary{background:var(--porcelain-white, #ffffff);color:var(--primary-purple-dark, #123D35);border-color:var(--qinghua-blue, #B8873A)}.nav-btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(184,135,58,.3)}.nav-btn-secondary{background:0 0;color:var(--text-white);border-color:rgba(255,255,255,.3)}.nav-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}#authSection,.nav-auth-options{display:flex;align-items:center;justify-content:flex-end}.nav-auth-options{gap:8px}#authSection{justify-self:end;min-width:0}.nav-auth-button{min-height:32px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.08);color:#f8fafc;padding:6px 10px;font-size:.84em;font-weight:700;cursor:pointer;white-space:nowrap}.nav-auth-button:hover{background:rgba(255,255,255,.14)}.nav-auth-button-primary{background:var(--porcelain-white, #ffffff);color:var(--primary-purple-dark, #123D35);border-color:var(--qinghua-blue, #B8873A)}.auth-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}.auth-modal.open{display:flex}.auth-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}.auth-modal-dialog{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:1px solid rgba(18,61,53,.12);border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.24);padding:24px;color:#18231f}.auth-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:8px;background:0 0;color:#43504b;font-size:24px;line-height:1;cursor:pointer}.auth-modal-close:hover{background:rgba(18,61,53,.08);color:#123d35}.auth-modal-header{display:flex;flex-direction:column;gap:16px;padding-right:28px;margin-bottom:18px}.auth-method-heading h3,.auth-modal-header h2{margin:0;font-size:1.35rem;line-height:1.25;color:#123d35}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:10px;background:#f3f0e9}.auth-mode-tab{min-height:40px;border:0;border-radius:8px;background:0 0;color:#43504b;font-weight:700;cursor:pointer}.auth-mode-tab.active{background:#fff;color:#123d35;box-shadow:0 1px 3px rgba(15,23,42,.12)}.auth-method-list{display:flex;flex-direction:column;gap:12px}.auth-method-panel{border:1px solid rgba(18,61,53,.14);border-radius:10px;padding:16px;background:#fffaf0}.auth-modal[data-auth-mode=login] .auth-register-panel,.auth-modal[data-auth-mode=register] .auth-login-panel,.auth-modal[data-auth-mode=register] [data-auth-method=google]{display:none}.auth-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.auth-method-heading h3{margin:0 0 4px;font-size:1rem}.auth-method-heading p{margin:0;color:#5b665f;font-size:.88rem;line-height:1.45}.auth-method-badge{flex:0 0 auto;border-radius:999px;background:rgba(184,135,58,.14);color:#7c541d;font-size:.75rem;font-weight:700;padding:4px 8px}.auth-field,.auth-sms-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-sms-form{gap:12px}.auth-field span{color:#43504b;font-size:.84rem;font-weight:700}.auth-input{width:100%;min-height:42px;border:1px solid rgba(18,61,53,.22);border-radius:8px;background:#fff;color:#18231f;padding:9px 10px;font-size:1rem;outline:0}.auth-input:focus{border-color:#b8873a;box-shadow:0 0 0 3px rgba(184,135,58,.16)}.auth-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.auth-google-link,.auth-primary-button,.auth-secondary-button{min-height:42px;border-radius:8px;font-weight:700;cursor:pointer;text-align:center}.auth-google-link,.auth-primary-button{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #b8873a;background:#123d35;color:#fff;text-decoration:none;padding:9px 12px}.auth-secondary-button{border:1px solid rgba(18,61,53,.2);background:#fff;color:#123d35;padding:0 14px}.auth-google-link:hover,.auth-primary-button:hover{background:#1f5b4f;color:#fff}.auth-secondary-button:hover{background:#f3f0e9}.user-menu-container{position:relative;justify-self:end}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:var(--gold, #E8B4B8);font-size:.9em;cursor:pointer;transition:all .2s}.user-menu-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--gold, #E8B4B8);object-fit:cover}.user-name{font-weight:600;font-size:.9em;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-credits-badge{background:var(--gold, #E8B4B8);color:var(--primary-purple-dark, #123D35);font-weight:700;font-size:.75em;padding:2px 8px;border-radius:12px;min-width:30px;text-align:center}.dropdown-arrow{transition:transform .2s}.user-menu-btn.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff!important;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:220px;z-index:1000;overflow:hidden;border:1px solid rgba(107,91,149,.2)}.user-dropdown,.user-dropdown *{color:#000!important}.user-dropdown .dropdown-item-danger,.user-dropdown .dropdown-item-danger *{color:#c85a7a!important}.dropdown-item:hover,.user-dropdown .dropdown-item:hover{background:#e8d5ff!important}.user-dropdown .dropdown-item-danger:hover{background:#ffe5eb!important;color:#a03d5a!important}.user-dropdown .dropdown-item-danger:hover *{color:#a03d5a!important}.dropdown-header{padding:16px;background:#fff!important;border-bottom:1px solid rgba(107,91,149,.1)}.dropdown-header *{color:#000!important}.credits-display{display:flex;flex-direction:column;gap:4px}.credits-label,.credits-value{font-weight:700;color:#000!important}.credits-label{font-size:.75em;text-transform:uppercase;letter-spacing:.5px}.credits-value{font-size:1.8em;line-height:1}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000!important;text-decoration:none;font-size:.95em;font-weight:600;transition:background .2s}.dropdown-item:hover{color:#000!important}.dropdown-item span:first-child{font-size:1.2em;width:24px;text-align:center}.dropdown-item *{color:#000!important}.dropdown-divider{height:1px;background:rgba(107,91,149,.1);margin:4px 0}.dropdown-item-danger{font-weight:700}.dropdown-item-danger,.dropdown-item-danger *{color:#c85a7a!important}.dropdown-item-danger:hover{background:#ffe5eb!important;color:#a03d5a!important}.dropdown-item-danger:hover *{color:#a03d5a!important}@media (max-width:768px){.nav-inner{grid-template-columns:1fr auto}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}#authSection,.nav-main{display:none;width:100%;grid-column:1/-1;justify-content:center;gap:8px}.nav ul,.nav-main{flex-direction:column;align-items:stretch}.nav-main{max-width:260px;margin-top:8px;padding:10px 14px;border-radius:14px;background:rgba(15,23,42,.85);margin-left:auto;margin-right:auto}.nav-main.open,.nav-main.open+#authSection{display:flex}.nav ul{width:100%;gap:4px}#authSection{justify-self:center;flex-wrap:wrap}.nav-btn,.user-menu-btn{font-size:.85em;padding:6px 12px}.user-menu-btn{padding:6px 10px}.user-name{max-width:80px}.user-dropdown{right:auto;left:50%;transform:translateX(-50%);min-width:200px}}