.nav-bar{z-index:50;-webkit-backdrop-filter:blur(28px)saturate(180%);background:#f7f3eec7;border:1px solid #3c28141a;border-radius:999px;justify-content:space-between;align-items:center;width:min(1100px,100% - 32px);height:60px;padding:0 12px 0 22px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #1a10081a,inset 0 1px #ffffff80}.nav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand-dot{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-brand-dot-inner{background:#f7f3ee;border-radius:50%;width:6px;height:6px}.nav-brand-name{letter-spacing:.02em;color:var(--hana-ink);font-size:17px}.nav-links{align-items:center;gap:30px}.nav-link{letter-spacing:.18em;text-transform:uppercase;color:var(--hana-on-light-2);align-items:center;gap:6px;font-size:10px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link--active{color:var(--hana-ink)}.nav-link-btn{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.nav-active-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.nav-unread-badge{background:var(--accent);color:#f7f3ee;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:600;display:inline-flex}.nav-actions{align-items:center;gap:4px;display:flex}.nav-icon-btn{width:36px;height:36px;color:var(--hana-on-light-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.nav-notif-dot{background:var(--accent);border:1.5px solid #f7f3eee6;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.nav-avatar-wrap{margin-left:4px;position:relative}.nav-avatar{background:var(--accent);color:#f7f3ee;cursor:pointer;letter-spacing:.04em;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:500;display:flex}.nav-avatar[data-status=available]{border:2.5px solid #2a7a6a}.nav-avatar[data-status=unavailable]{border:2.5px solid #8a7060}.nav-dropdown{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:60;background:#f7f3eef7;border:1px solid #3c28141a;border-radius:14px;width:184px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 40px #1a10081f}.nav-dropdown-header{border-bottom:1px solid #3c281414;padding:14px 16px 12px}.nav-dropdown-name{color:var(--hana-ink);margin:0;font-size:13px;font-weight:500}.nav-dropdown-email{color:var(--hana-muted);margin:2px 0 0;font-size:11px}.nav-dropdown-item{letter-spacing:.14em;text-transform:uppercase;color:var(--hana-ink);padding:11px 16px;font-size:10px;font-weight:500;text-decoration:none;display:block}.nav-dropdown-item--divider{border-top:1px solid #3c28140f}.nav-dropdown-btn{text-align:left;letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--hana-muted);cursor:pointer;background:0 0;border:none;padding:11px 16px;font-size:10px;font-weight:500;display:block}.nav-dropdown-btn--divider{border-top:1px solid #3c28140f}.nav-signin{letter-spacing:.18em;text-transform:uppercase;color:var(--hana-on-light-2);padding:0 8px;font-size:10px;font-weight:500;text-decoration:none}.nav-join{letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:#f7f3ee;border-radius:999px;padding:10px 18px;font-size:10px;font-weight:500;text-decoration:none}.nav-hamburger{width:36px;height:36px;color:var(--hana-on-light-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:flex}.nav-overlay{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);z-index:55;background:#f7f3eea6;border:1px solid #3c28141a;border-radius:20px;position:fixed;top:88px;overflow:hidden;box-shadow:0 28px 72px #1a10082e}.nav-overlay--centered{left:50%;transform:translate(-50%)}.nav-search-overlay{width:min(640px,100% - 32px)}.nav-messages-overlay{width:min(400px,100% - 32px)}.nav-notif-overlay{width:min(380px,100% - 32px);right:max(16px,50% - 534px)}.nav-overlay-header{border-bottom:1px solid #3c281414;justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.nav-overlay-title{letter-spacing:.14em;text-transform:uppercase;color:var(--hana-ink);font-size:11px;font-weight:600}.nav-overlay-close{cursor:pointer;color:var(--hana-muted);background:0 0;border:none;padding:2px;display:flex}.nav-overlay-footer{border-top:1px solid #3c281414;padding:10px 18px}.nav-overlay-footer-link{color:var(--hana-muted);letter-spacing:.08em;font-size:11px;text-decoration:none}.nav-overlay-loading{justify-content:center;padding:28px;display:flex}.nav-overlay-empty{color:var(--hana-muted);text-align:center;padding:28px 20px;font-size:13px}.nav-search-icon{color:var(--hana-muted);flex-shrink:0}.nav-muted-icon{color:var(--hana-muted)}.nav-search-input-row{border-bottom:1px solid #3c281414;align-items:center;gap:12px;padding:16px 20px;display:flex}.nav-search-input{color:var(--hana-ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.nav-search-clear{cursor:pointer;color:var(--hana-muted);background:0 0;border:none;padding:2px;display:flex}.nav-search-kbd{color:var(--hana-muted);background:#3c28140f;border:1px solid #3c28141f;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px}.nav-search-quick{padding:14px 20px 18px}.nav-search-label{color:var(--hana-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.nav-search-quick-link{color:var(--hana-ink);border-bottom:1px solid #3c28140d;align-items:center;gap:10px;padding:9px 0;font-size:13px;text-decoration:none;display:flex}.nav-search-quick-icon{background:#3c28140d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-search-results-label{color:var(--hana-muted);letter-spacing:.14em;text-transform:uppercase;padding:14px 20px 8px;font-size:10px}.nav-search-result{border-bottom:1px solid #3c28140d;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;display:flex}.nav-search-avatar{background:var(--accent);color:#f7f3ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.nav-search-result-name{color:var(--hana-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:500;overflow:hidden}.nav-search-result-sub{color:var(--hana-muted);margin:1px 0 0;font-size:11px}.nav-search-result-price{color:var(--hana-muted);flex-shrink:0;font-size:11px}.nav-search-result-info{flex:1;min-width:0}.nav-cover-img{object-fit:cover;width:100%;height:100%}.hana-search-results{scrollbar-width:thin;scrollbar-color:transparent transparent;max-height:420px;overflow-y:auto}.hana-search-results:hover{scrollbar-color:#3c281429 transparent}.hana-search-results::-webkit-scrollbar{width:4px}.hana-search-results::-webkit-scrollbar-thumb{background:0 0;border-radius:2px}.hana-search-results:hover::-webkit-scrollbar-thumb{background:#3c281429}.nav-messages-list{max-height:380px;overflow-y:auto}.nav-conv-item{background:0 0;border-bottom:1px solid #3c28140d;align-items:flex-start;gap:12px;padding:12px 18px;text-decoration:none;display:flex}.nav-conv-item--unread{background:#c4572a0a}.nav-conv-avatar{background:var(--accent);color:#f7f3ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.nav-conv-body{flex:1;min-width:0}.nav-conv-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.nav-conv-name{color:var(--hana-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:500;overflow:hidden}.nav-conv-name--unread{font-weight:600}.nav-conv-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.nav-conv-preview{color:var(--hana-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.nav-notif-list{scrollbar-width:thin;scrollbar-color:transparent transparent;max-height:360px;overflow-y:auto}.nav-notif-item{background:0 0;border-bottom:1px solid #3c28140d;gap:12px;padding:12px 18px;text-decoration:none;display:flex}.nav-notif-item--unread{background:#c4572a0a}.nav-notif-indicator{background:0 0;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.nav-notif-indicator--unread{background:var(--accent)}.nav-notif-body{flex:1;min-width:0}.nav-notif-title{color:var(--hana-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:500;overflow:hidden}.nav-notif-message{color:var(--hana-muted);margin:2px 0 0;font-size:11px;line-height:1.4}.nav-mobile-drawer{z-index:49;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#f7f3eef7;border:1px solid #3c28141a;border-radius:16px;width:min(280px,100% - 32px);padding:8px 0;position:fixed;top:88px;left:auto;right:max(16px,50% - 538px);box-shadow:0 14px 40px #1a10081f}.nav-mobile-link{letter-spacing:.18em;text-transform:uppercase;color:var(--hana-on-light-2);border-bottom:1px solid #3c28140f;padding:14px 24px;font-size:10px;font-weight:500;text-decoration:none;display:block}.nav-mobile-footer{border-top:1px solid #3c281414;margin:4px 0 0}.nav-mobile-signout{text-align:left;letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--hana-muted);cursor:pointer;background:0 0;border:none;padding:14px 24px;font-size:10px;font-weight:500}.nav-mobile-auth-row{border-top:1px solid #3c281414;gap:12px;margin:4px 0;padding:10px 24px;display:flex}.nav-mobile-signin{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--hana-on-light-2);border:1px solid #3c281424;border-radius:999px;flex:1;padding:11px 0;font-size:10px;font-weight:500;text-decoration:none}.nav-mobile-join{text-align:center;letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:#f7f3ee;border-radius:999px;flex:1;padding:11px 0;font-size:10px;font-weight:500;text-decoration:none}