.pf{z-index:210;-webkit-backdrop-filter:blur(6px)saturate(110%);backdrop-filter:blur(6px)saturate(110%);font-family:var(--sans);color:var(--text);background:#02081257;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.pf .modal{margin:auto}.pf{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0e;--panel:#141517;--line:#ffffff12;--text:#eeeae2;--muted:#9b9b9d;--gold:#dbc294;--mono:var(--font-geist-mono),monospace;--sans:var(--font-inter),sans-serif;--serif:var(--font-merriweather),Georgia,serif}.pf input,.pf select{font:inherit}.pf a,.pf input,.pf select{outline-offset:5px}.pf *{box-sizing:border-box}.pf button,.pf input,.pf select{font:inherit}.pf button{cursor:pointer;color:inherit}.pf button:disabled{cursor:default;opacity:.4}.pf button,.pf a,.pf input,.pf select{outline-offset:5px}.pf :focus-visible{outline:2px solid var(--gold)}.pf .modal:focus,.pf .modal:focus-visible{outline:none}.pf svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.pf button svg{vertical-align:middle;width:18px;height:18px}.pf .modal{color:var(--text);background:var(--panel);z-index:210;border:1px solid #b9a58135;border-radius:18px;width:min(940px,100% - 36px);max-height:calc(100dvh - 60px);padding:0;overflow:auto;box-shadow:0 30px 130px #000b}.pf .modal-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:27px 34px 23px;display:flex}.pf .modal-head h2{font:23px var(--serif);margin:9px 0 0;font-weight:400}.pf .small-head{font:9px var(--mono);letter-spacing:.17em;color:var(--gold);align-items:center;gap:10px;display:flex}.pf .small-head .dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.pf .icon-btn{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pf .icon-btn:hover{color:var(--text);background:#ffffff08}.pf .profile-body{grid-template-columns:310px 1fr;display:grid}.pf .identity{border-right:1px solid var(--line);background:linear-gradient(160deg,#dbc29405,#0000 70%);padding:32px}.pf .section-label{font:9px var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.pf .avatar-wrap{width:96px;height:96px;margin:25px 0 17px;position:relative}.pf .avatar{width:96px;height:96px;color:var(--gold);font:28px var(--serif);background:#242521;border:1px solid #dbc29440;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.pf .avatar img{object-fit:cover;width:100%;height:100%}.pf .avatar-decoration{pointer-events:none;border:1px dashed #dbc29425;border-radius:50%;position:absolute;inset:-5px}.pf .avatar-edit{background:var(--gold);border:3px solid var(--panel);color:#242015;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:0;right:-2px}.pf .avatar-edit svg{width:13px;height:13px}.pf .avatar-actions{gap:16px;margin-bottom:30px;display:flex}.pf .text-btn{color:var(--gold);background:0 0;border:0;padding:0;font-size:11px}.pf .text-btn:hover{text-decoration:underline}.pf .text-btn.muted{color:var(--muted)}.pf .label-row{align-items:center;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.pf .help{width:16px;height:16px;color:var(--muted);font:10px var(--mono);background:0 0;border:1px solid #ffffff28;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.pf .help:hover{border-color:var(--gold);color:var(--gold)}.pf input[type=text]{width:100%;color:var(--text);background:#0d0e10;border:1px solid #ffffff21;border-radius:7px;padding:12px 13px;font-size:13px}.pf input[aria-invalid=true]{border-color:#df9b97}.pf .field-note{color:var(--muted);margin:10px 0 25px;font-size:10px;line-height:1.7}.pf .error{color:#eaa19a;min-height:16px;margin-top:7px;font-size:11px}.pf .email{font:11px/1.8 var(--mono);overflow-wrap:anywhere;color:#cbcbcc}.pf .lock-label{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:10px;display:flex}.pf .lock-label svg{width:11px;height:11px}.pf .activity{padding:32px 34px 30px}.pf .activity-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pf .period{color:var(--muted);font-size:10px}.pf .points{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.pf .points .label-row{color:var(--muted);margin-bottom:8px;font-size:11px}.pf .points-number{font:48px/1.2 var(--mono);letter-spacing:-.055em;color:var(--gold)}.pf .points-number span{font:10px var(--sans);letter-spacing:0;color:var(--muted);margin-left:10px}.pf .rank{background:linear-gradient(110deg,#7b3c610d,#2434521c);border:1px solid #a881ae30;border-radius:9px;min-width:160px;padding:15px 17px}.pf .rank-top{color:#cda7c4;align-items:center;gap:7px;font-size:10px;display:flex}.pf .rank-top svg{width:14px;height:14px}.pf .rank-number{font:24px var(--mono);margin-top:9px}.pf .rank-number small{font:10px var(--sans);color:var(--muted);margin-left:7px}.pf .rank.empty .rank-number{font:12px/1.7 var(--sans);color:var(--muted)}.pf .metric-pair{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.pf .metric{padding:18px 20px}.pf .metric+.metric{border-left:1px solid var(--line)}.pf .metric .label-row{color:var(--muted);margin-bottom:11px;font-size:10px}.pf .metric-value{font:22px var(--mono)}.pf .metric-value small{font:10px var(--sans);color:var(--muted);margin-left:5px}.pf .donation{border-top:1px solid var(--line);margin-bottom:24px;padding-top:23px}.pf .donation-row{justify-content:space-between;align-items:center;gap:15px;margin-top:14px;display:flex}.pf .donation-amount{font:24px var(--mono)}.pf .donation-amount small{color:var(--muted);margin-left:7px;font-size:10px}.pf .donation-rank{font:12px var(--mono);color:#99b9a8;align-items:center;gap:8px;display:flex}.pf .donation-rank.empty{font:11px var(--sans);color:var(--muted)}.pf .sub-note{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.7}.pf .wallet{border:1px solid var(--line);background:#ffffff03;border-radius:9px;align-items:center;gap:11px;padding:16px;display:flex}.pf .wallet-icon{width:31px;height:31px;color:var(--muted);background:#ffffff05;border-radius:8px;place-items:center;display:grid}.pf .wallet-icon svg{width:17px;height:17px}.pf .wallet-info{flex:1;min-width:0}.pf .wallet-title{align-items:center;gap:8px;font-size:11px;display:flex}.pf .status-dot{background:#97baa7;border-radius:50%;width:5px;height:5px}.pf .wallet-detail{font:10px var(--mono);color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.pf .wallet-button{white-space:nowrap;font-size:10px}.pf .modal-foot{border-top:1px solid var(--line);background:#101113;justify-content:space-between;align-items:center;gap:16px;padding:19px 32px;display:flex}.pf .save-note{color:var(--muted);font-size:10px;line-height:1.7}.pf .actions{flex-shrink:0;gap:10px;display:flex}.pf .btn{color:var(--text);background:0 0;border:1px solid #ffffff20;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:inline-flex}.pf .btn:hover{background:#ffffff06}.pf .btn-primary{background:var(--gold);border-color:var(--gold);color:#231e15}.pf .btn-primary:hover{background:#ebd2a4}.pf .btn-primary:disabled{opacity:.4}.pf .discard{background:#2d221e;border-top:1px solid #b6814933;justify-content:space-between;align-items:center;gap:15px;padding:15px 32px;font-size:11px;display:none}.pf .discard.visible{display:flex}.pf .submodal{width:min(430px,100% - 32px);color:var(--text);z-index:220;background:#191a1c;border:1px solid #dbc29435;border-radius:14px;padding:26px}.pf .submodal h3{font:19px var(--serif);margin:0 0 12px;font-weight:400}.pf .submodal p{color:var(--muted);font-size:11px;line-height:1.8}.pf .submodal .actions{justify-content:flex-end;margin-top:23px}.pf .crop-stage{touch-action:none;cursor:grab;background:#0c0d0e;border:1px solid #dbc29460;border-radius:50%;width:250px;height:250px;margin:24px auto;position:relative;overflow:hidden}.pf .crop-stage:active{cursor:grabbing}.pf .crop-stage canvas{width:250px;height:250px}.pf .slider-row{align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.pf .slider-row input{width:100%;accent-color:var(--gold)}.pf .wallet-address{font:12px var(--mono);overflow-wrap:anywhere;border:1px solid var(--line);color:var(--gold);border-radius:7px;padding:15px}@media (max-width:720px){.pf .modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.pf .profile-body{grid-template-columns:1fr}.pf .identity{border-right:0;border-bottom:1px solid var(--line);padding:25px}.pf .activity{padding:25px}.pf .modal-head{padding:22px 25px}.pf .modal-foot{flex-wrap:wrap;padding:18px 25px}.pf .modal-foot .actions{margin-left:auto}.pf .avatar-wrap{margin-top:20px}.pf .avatar-actions{margin-bottom:23px}.pf .identity .field-note{margin-bottom:18px}.pf .nav>span,.pf .demo-bar>span{display:none}.pf .points-number{font-size:39px}.pf .rank{min-width:145px;padding:13px}.pf .discard{flex-wrap:wrap;padding:15px 25px}.pf .modal-head h2{font-size:21px}}@media (max-width:390px){.pf .points{align-items:flex-start}.pf .rank{min-width:130px;padding:10px}.pf .points-number{font-size:32px}.pf .activity,.pf .identity{padding:22px}.pf .metric{padding:16px 12px}.pf .wallet{flex-wrap:wrap}.pf .wallet-button{margin-left:42px}}#profile-tooltip{z-index:1000;color:#e8dfd2;max-width:270px;font-family:var(--font-inter), sans-serif;pointer-events:none;background:#282622;border:1px solid #dbc29435;border-radius:7px;padding:11px 13px;font-size:11px;line-height:1.7;position:fixed;box-shadow:0 8px 30px #0008}#profile-tooltip[hidden]{display:none}.pf{--bg:var(--reader-surface,#08111e);--panel:var(--reader-raised,#101e2d);--line:var(--reader-border,#ffffff1f);--text:var(--reader-text,#eeeae2);--muted:var(--reader-muted,#9baabd)}.pf .modal{border-radius:var(--reader-radius,16px);border-color:var(--reader-glass-border,#d5efff42);background:var(--reader-glass-bg,#08111eb8);box-shadow:var(--reader-glass-shadow,0 24px 70px #0007);-webkit-backdrop-filter:var(--reader-glass-blur,blur(26px) saturate(150%));backdrop-filter:var(--reader-glass-blur,blur(26px) saturate(150%));scrollbar-width:thin;overscroll-behavior:contain;background-clip:padding-box;max-height:calc(100dvh - 36px);overflow:auto}.pf .modal-head{z-index:2;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(110deg,#ffffff09,#0000 70%),#08111e94;position:sticky;top:0;box-shadow:inset 0 1px #ffffff18}.pf .modal-foot{z-index:2;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(110deg,#ffffff05,#0000),#08111ea3;position:sticky;bottom:0;box-shadow:inset 0 1px #ffffff08}.pf .identity{background:linear-gradient(150deg,#dbc2940a,#ffffff02 60%,#0000)}.pf input[type=text]{border-color:var(--reader-border);background:#030c175c;box-shadow:inset 0 1px 4px #00000024,0 1px #ffffff06}.pf .rank,.pf .wallet,.pf .metric{background:linear-gradient(135deg,#ffffff0c,#ffffff02),var(--reader-raised);border-color:var(--reader-border);box-shadow:inset 0 1px #ffffff0f}.pf .btn{border-color:var(--reader-border);background:linear-gradient(135deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px #ffffff10}.pf .btn-primary{background:linear-gradient(140deg,#f2dfbb,var(--gold) 75%);border-color:#fff1cc66;box-shadow:inset 0 1px #fff6,0 4px 16px #dbc29412}.pf .submodal{background:var(--reader-glass-bg,#08111ed6);border-color:var(--reader-glass-border);box-shadow:var(--reader-glass-shadow);-webkit-backdrop-filter:var(--reader-glass-blur);backdrop-filter:var(--reader-glass-blur)}#profile-tooltip{border-color:var(--reader-glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111d2beb;box-shadow:inset 0 1px #ffffff12,0 8px 30px #0006}.pf .icon-btn,.pf .btn{min-height:40px}.pf .icon-btn{min-width:40px}@media (max-width:640px),(max-height:500px){.pf{padding:10px}.pf .modal{max-height:calc(100dvh - 20px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pf{background:#020812b8}.pf .modal-head,.pf .modal-foot,.pf .submodal,#profile-tooltip{background:#0d1a29}}@media (prefers-reduced-transparency:reduce){.pf{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020812cc}.pf .modal,.pf .modal-head,.pf .modal-foot,.pf .submodal,#profile-tooltip{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0d1a29}}