.profile-hub{padding-bottom:20px}.profile-hub-heading{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#136b48,#214f3c);color:#fff;margin-bottom:22px}.hub-cover{width:100%;height:140px;object-fit:cover}.hub-identity{display:flex;align-items:center;gap:14px;padding:24px}.hub-identity h1{font-size:22px;margin:5px 0}.hub-identity small{opacity:.8}.hub-identity .avatar{width:64px;height:64px;object-fit:cover;flex:none}.hub-identity .icon-btn{margin-inline-start:auto;color:#145839;background:#f4faee}.hub-identity .icon-btn svg{width:21px;height:21px}.profile-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-app-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:22px 8px;border:1px solid var(--line);border-radius:22px;background:var(--white,#fff);color:var(--ink,var(--text));box-shadow:0 5px 18px #143f2b05;min-width:0}.profile-app-grid button>span{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#75aa731c;color:var(--green)}.profile-app-grid button:nth-child(3n+2)>span{background:#b9693617;color:#b36135}.profile-app-grid button:nth-child(3n)>span{background:#4d98b718;color:#3d8caa}.profile-app-grid svg{width:27px;height:27px}.profile-app-grid b{font-size:12px}.profile-app-grid button:hover{transform:translateY(-2px)}.profile-activity-list{display:grid;gap:10px}.profile-activity-item{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:18px;text-align:right;background:var(--white,#fff);color:var(--ink,var(--text));width:100%}.profile-activity-item>span:nth-child(2){flex:1;min-width:0}.profile-activity-item small,.profile-activity-item em{display:block;font-size:11px;margin-top:6px;line-height:1.9;font-style:normal}.profile-activity-item small{color:var(--muted)}.profile-activity-item em{color:#b86b32}.profile-activity-item svg{width:22px;height:22px;flex:none}.activity-icon{color:var(--green)}.profile-tools{margin-top:26px}.profile-tools h2{font-size:16px}.profile-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-tools-grid button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:14px 8px}.profile-tools-grid svg{width:20px;height:20px;flex:none}.account-note{display:block;width:100%;padding:16px;text-align:right;border:1px solid var(--line);border-radius:14px;margin-top:12px;color:inherit;background:var(--white,#fff)}.account-note small{display:block;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}#accountButton,[data-page=profile]{position:relative}.profile-activity-badge{display:inline-flex;align-items:center;justify-content:center;background:#e04455;color:white;border:2px solid var(--white,#fff);min-width:11px;height:11px;border-radius:99px;position:absolute;right:-2px;top:1px;font-size:9px;line-height:1;z-index:3}.profile-activity-badge:not(:empty){min-width:20px;height:20px;padding:2px}#profileActivity[hidden]{display:none}@media(max-width:600px){.profile-app-grid{gap:9px}.profile-app-grid button{padding:18px 5px;border-radius:18px}.profile-app-grid b{font-size:10px}.profile-app-grid button>span{width:45px;height:45px}.hub-identity{padding:20px}.hub-identity h1{font-size:18px}.profile-tools-grid button{font-size:10px}}
.hub-avatar-group{display:grid;justify-items:center;gap:8px;flex:none}.hub-owner-story{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e8f5cf66;border-radius:20px;padding:7px 9px;background:#ffffff16;color:#f2ffdc;font:inherit;font-size:10px;line-height:1.7;white-space:nowrap;cursor:pointer;min-height:36px}.hub-owner-story svg{width:15px;height:15px;flex:none}.hub-owner-story:hover{background:#ffffff25}.hub-owner-story:focus-visible{outline:2px solid #e0ef9a;outline-offset:3px}.hub-identity>span{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.hub-identity{gap:10px}.hub-owner-story{padding:6px 7px;font-size:9px}}

.member-guide-notice{position:fixed;z-index:10020;inset:40% 16px auto;margin:auto;max-width:460px;padding:22px;border:2px solid #98bc68;border-radius:22px;background:#fff;color:#173b28;box-shadow:0 12px 55px #0005;direction:rtl;text-align:center;font-size:17px;line-height:1.9}.member-guide-notice strong{display:block;font-size:21px}.member-guide-notice p{margin:10px 0 0}.member-guide-notice button{margin-top:12px;background:#175b38;color:white;border:0;border-radius:12px;padding:10px 16px;font:inherit}.member-guide-pointer{position:fixed;z-index:1100;width:180px;padding:12px;border:1px solid #8ab768;border-radius:14px;background:#f4ffe6;color:#163a25;box-shadow:0 5px 22px #0003;font-family:inherit;font-size:13px;font-weight:600;line-height:1.8;text-align:center;cursor:pointer}.member-guide-pointer:before{content:"↑";position:absolute;bottom:100%;left:var(--guide-arrow,80px);font-size:24px;font-weight:bold;color:#17623b;text-shadow:0 0 4px white}

#hubLogout{display:block;margin:28px auto 12px}.logout-confirm-actions{display:flex;gap:12px;margin-top:20px}.logout-confirm-actions button{flex:1;min-height:44px}

/* A visible account destination, consistent with the bottom app navigation. */
.topbar #accountButton{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;min-width:76px;min-height:66px;gap:3px;margin:0;padding:6px 10px;border:1px solid #74a45866;border-radius:17px;background:#eaf2d6;color:#245e3b;box-shadow:0 3px 12px #154f2910;overflow:visible}.topbar #accountButton .avatar{width:27px;height:27px;font-size:12px;flex-shrink:0}.topbar #accountButton>svg{display:block;width:25px;height:25px;color:inherit}.topbar #accountButton>.account-label{display:block;max-width:100px;font-size:11px;font-weight:800;line-height:1.4;text-align:center;white-space:nowrap}.topbar #accountButton small{display:block;font-size:9px;font-weight:500;color:inherit;max-width:100px;overflow:hidden;text-overflow:ellipsis}.topbar #accountButton:hover{background:#dfedbd}.topbar #accountButton:focus-visible{outline:3px solid #9bcf57;outline-offset:3px}[data-theme=dark] .topbar #accountButton{background:#294333;color:#d5eb96;border-color:#739055}.topbar #accountButton .profile-activity-badge{right:-3px;top:-3px}@media(max-width:600px){.topbar #accountButton{min-width:52px;min-height:54px;padding:5px 7px;border-radius:13px;gap:3px}.topbar #accountButton>.account-label{max-width:none;font-size:10px}.topbar #accountButton small{display:none}.topbar #accountButton .avatar{width:25px;height:25px}.topbar #accountButton>svg{width:24px;height:24px}}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:14px 0 20px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.login-tabs button{padding:10px;border-radius:10px}.login-tabs button[aria-pressed=true]{background:#216b43;color:#fff;font-weight:800}
.member-welcome-overlay{inset:0;max-width:none;margin:0;padding:22px;display:grid;place-items:center;border:0;border-radius:0;background:#0a211a52;backdrop-filter:blur(12px);box-shadow:none;animation:welcome-scene 5s both;pointer-events:auto}.member-welcome-overlay .member-welcome-card{position:relative;isolation:isolate;overflow:hidden;width:min(460px,100%);padding:56px 28px 48px;border:1px solid #c8e78c80;border-radius:30px;background:radial-gradient(circle at 8% 5%,#74a73d70,transparent 50%),linear-gradient(145deg,#16452f,#103424 65%,#1f633d);color:#fff;box-shadow:0 24px 80px #001b1480;animation:welcome-card 5s both}.member-welcome-overlay .member-welcome-card:before{content:'';position:absolute;z-index:-1;inset:14px;border:1px solid #d4ef9f30;border-radius:18px;background:radial-gradient(circle at 50% 50%,transparent 42px,#d4ef9f22 43px 44px,transparent 45px),linear-gradient(90deg,transparent 49.8%,#d4ef9f20 50%,transparent 50.2%),repeating-linear-gradient(135deg,transparent 0 60px,#d4ef9f06 61px 92px)}.member-welcome-overlay .member-welcome-card:after{content:'✦';position:absolute;top:17px;left:24px;font-size:25px;color:#d8ed79}.member-welcome-overlay strong{font-size:clamp(20px,5vw,28px);line-height:1.8;color:#e5f4ac}.member-welcome-overlay p{font-size:15px;line-height:2.2;color:#edf5e7;margin-top:20px}@keyframes welcome-scene{0%{background:#0a211a00;backdrop-filter:blur(0)}10%,80%{background:#0a211a52;backdrop-filter:blur(12px)}100%{background:#0a211a00;backdrop-filter:blur(0)}}@keyframes welcome-card{0%{opacity:0;transform:translateY(12px) scale(.97)}10%,80%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(1.015)}}@media(prefers-reduced-motion:reduce){.member-welcome-overlay,.member-welcome-overlay .member-welcome-card{animation:none}.member-welcome-overlay{backdrop-filter:blur(6px)}}

.cover-mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:20px 20px 0 0;background:var(--white)}.cover-mode-tabs button{border:0;border-radius:0;padding:16px 8px;font-size:14px;font-weight:800}.profile-hub-heading.attached-cover{border-radius:0 0 24px 24px;margin-top:0}.attached-cover .hub-cover{display:block;height:180px;object-fit:cover}.profile-hub [hidden]{display:none!important}@media(max-width:600px){.attached-cover .hub-cover{height:125px}.cover-mode-tabs button{padding:13px 6px;font-size:12px}}