.profile-page{--profile-ground:#f4ece6;--profile-surface:#fffaf7;--profile-soft:#f7f0eb;--profile-text:#2c2925;--profile-muted:#716459;--profile-border:#e8ddd3;--profile-hairline:#e2d5c9;--profile-divider:#efe5dc;--profile-chevron:#a89a8e;--profile-button-line:#d9cabd;--profile-accent:#b8323a;--profile-accent-soft:#fae7e5;--profile-band:#2c2925;--profile-band-ink:#fbf5ef;--profile-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;background:var(--profile-ground);min-height:100vh;color:var(--profile-text);padding:28px 16px 64px}.dark .profile-page{--profile-ground:var(--home-background);--profile-surface:var(--home-surface);--profile-soft:var(--home-soft);--profile-text:var(--home-text);--profile-muted:var(--home-muted);--profile-border:var(--home-border);--profile-hairline:var(--home-border);--profile-divider:var(--home-border);--profile-chevron:var(--home-muted);--profile-button-line:var(--home-border);--profile-accent:#ee9297;--profile-accent-soft:var(--home-accent-soft);--profile-band:#2f2a25;--profile-band-ink:#f3ebe1}.profile-shell{flex-direction:column;gap:22px;max-width:560px;margin:0 auto;display:flex}.profile-page button{cursor:pointer}.profile-page :is(a,button):focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px}.profile-head{align-items:center;gap:14px;display:flex}.profile-avatar{width:48px;height:48px;font:600 20px/1 var(--profile-serif);border-radius:50%;flex-shrink:0;position:relative}.profile-avatar>.user-avatar,.profile-editor-avatar>.user-avatar{border-radius:inherit;width:100%;height:100%;font-size:inherit;border:0}.profile-avatar-busy{z-index:1;border-radius:inherit;color:#fff;background:#0007;place-items:center;display:grid;position:absolute;inset:0}.profile-name{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-name h1{overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.4}.profile-name span{color:var(--profile-muted);font-size:12px}.profile-card{border:1px solid var(--profile-border);background:var(--profile-surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.profile-row{width:100%;min-height:52px;color:var(--profile-text);text-align:left;align-items:center;gap:10px;padding:0 18px;font-size:15px;display:flex}.profile-row+.profile-row{border-top:1px solid var(--profile-divider)}.profile-row>span{flex:1}.profile-row>small{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--profile-muted);font-size:13px;overflow:hidden}.profile-row>em{color:var(--profile-muted);flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-style:normal;display:flex}.profile-row>em.profile-row-action{color:var(--profile-accent)}.profile-row>svg{color:var(--profile-chevron);flex-shrink:0}button.profile-row:hover>span{color:var(--profile-accent)}.profile-logout{border:1px solid var(--profile-button-line);min-height:46px;color:var(--profile-accent);border-radius:12px;font-size:15px}.profile-logout:hover{background:var(--profile-surface)}.profile-shell--realm{max-width:880px}.profile-realm{border:1px solid var(--profile-border);background:var(--profile-surface);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #3c281424}.profile-sky{background:#0b0a12;height:280px;position:relative;container-type:size}.profile-sky>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.realm-orbit,.realm-orbit-behind{position:absolute;inset:0}.realm-orbit{--sky-unit:max(100cqh / 340, 100cqw / 1080);touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.realm-orbit[data-grabbed]{cursor:grabbing}.realm-orbit[data-back] .realm-orbit-tail{transform:scaleY(-1)}.realm-orbit[data-turning] .realm-orbit-tail{will-change:opacity}.realm-orbit-line{width:100%;height:100%;position:absolute;inset:0}.realm-orbit-ring{width:0;height:0;position:absolute;left:50%}.realm-orbit-ring div{position:absolute;top:0;left:0}.realm-orbit-spin{animation:40s linear infinite realm-orbit-spin}.realm-orbit-unspin{animation:40s linear infinite realm-orbit-unspin}.realm-orbit-arm{transform:translateX(calc(var(--sky-unit) * 236))}.realm-orbit-depth{animation:40s linear infinite realm-orbit-depth}.realm-orbit-depth>*,.realm-orbit-trail{max-width:none;display:block;position:absolute}.realm-orbit-depth>span{border-radius:50%}.realm-orbit-depth>.realm-orbit-lit{border-radius:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.realm-orbit-ring .realm-orbit-face{top:50%;left:50%}.realm-orbit-face{animation:40s linear infinite realm-orbit-face}.realm-orbit-breath{animation:5s ease-in-out infinite realm-orbit-breath}.profile-sky>.profile-sky-gem{--sky-unit:max(100cqh / 340, 100cqw / 1080);object-fit:fill;animation:6s ease-in-out infinite realm-gem-float;inset:auto}.realm-orbit-behind{animation:6s ease-in-out infinite realm-gem-float}.realm-orbit-still{animation:6s ease-in-out infinite realm-gem-unfloat;position:absolute;inset:0}@keyframes realm-gem-float{0%,to{transform:translateY(calc(var(--sky-unit) * -5))}50%{transform:translateY(calc(var(--sky-unit) * 5))}}@keyframes realm-gem-unfloat{0%,to{transform:translateY(calc(var(--sky-unit) * 5))}50%{transform:translateY(calc(var(--sky-unit) * -5))}}.realm-orbit[data-paused] .realm-orbit-ring div{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.realm-orbit{pointer-events:none}.realm-orbit div,.profile-sky>.profile-sky-gem{animation:none}}@supports not (width:1cqw){.realm-orbit{display:none}}@keyframes realm-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes realm-orbit-unspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes realm-orbit-face{0%{transform:rotate(-177deg)}2.083%{transform:rotate(-179deg)}4.167%{transform:rotate(-181deg)}6.25%{transform:rotate(-184deg)}8.333%{transform:rotate(-186deg)}10.417%{transform:rotate(-189deg)}12.5%{transform:rotate(-193deg)}14.583%{transform:rotate(-197deg)}16.667%{transform:rotate(-203deg)}18.75%{transform:rotate(-211deg)}20.833%{transform:rotate(-223deg)}22.917%{transform:rotate(-243deg)}25%{transform:rotate(-270deg)}27.083%{transform:rotate(-297deg)}29.167%{transform:rotate(-317deg)}31.25%{transform:rotate(-329deg)}33.333%{transform:rotate(-337deg)}35.417%{transform:rotate(-343deg)}37.5%{transform:rotate(-347deg)}39.583%{transform:rotate(-351deg)}41.667%{transform:rotate(-354deg)}43.75%{transform:rotate(-356deg)}45.833%{transform:rotate(-359deg)}47.917%{transform:rotate(-361deg)}50%{transform:rotate(-363deg)}52.083%{transform:rotate(-366deg)}54.167%{transform:rotate(-368deg)}56.25%{transform:rotate(-371deg)}58.333%{transform:rotate(-374deg)}60.417%{transform:rotate(-378deg)}62.5%{transform:rotate(-382deg)}64.583%{transform:rotate(-387deg)}66.667%{transform:rotate(-393deg)}68.75%{transform:rotate(-402deg)}70.833%{transform:rotate(-414deg)}72.917%{transform:rotate(-431deg)}75%{transform:rotate(-450deg)}77.083%{transform:rotate(-469deg)}79.167%{transform:rotate(-486deg)}81.25%{transform:rotate(-498deg)}83.333%{transform:rotate(-507deg)}85.417%{transform:rotate(-513deg)}87.5%{transform:rotate(-518deg)}89.583%{transform:rotate(-522deg)}91.667%{transform:rotate(-526deg)}93.75%{transform:rotate(-529deg)}95.833%{transform:rotate(-532deg)}97.917%{transform:rotate(-534deg)}to{transform:rotate(-537deg)}}@keyframes realm-orbit-breath{0%,to{opacity:.7}50%{opacity:1}}@keyframes realm-orbit-depth{0%,50%,to{opacity:.86;transform:scale(.84)}8.333%,41.667%{opacity:.79;transform:scale(.76)}16.667%,33.333%{opacity:.739;transform:scale(.701)}25%{opacity:.72;transform:scale(.68)}58.333%,91.667%{opacity:.93;transform:scale(.92)}66.667%,83.333%{opacity:.981;transform:scale(.979)}75%{opacity:1;transform:scale(1)}}.profile-realm-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face name""face standing";align-content:start;column-gap:26px;padding:0 56px 22px;display:grid}.profile-realm-head>.profile-avatar{width:108px;height:108px;box-shadow:0 0 0 5px var(--profile-surface);grid-area:face;align-self:start;margin-top:-54px;font-size:44px}.profile-realm-head>h1{font:600 28px/1.2 var(--profile-serif);letter-spacing:.04em;overflow-wrap:anywhere;grid-area:name;padding-top:16px}.realm-standing{--realm-ink:var(--realm-ink-light);--realm-fill:var(--realm-fill-light);grid-area:standing;align-items:center;gap:10px;min-height:24px;margin-top:12px;display:flex}.realm-standing>img{flex-shrink:0;width:24px;height:24px}.realm-standing-name{font:600 15px/1 var(--profile-serif);letter-spacing:.08em;color:var(--realm-ink);white-space:nowrap}.realm-standing-name small{font-size:inherit;opacity:.85;margin-left:.35em;font-weight:400}.realm-bar{gap:5px;width:260px;display:flex}.realm-bar[data-steps="10"]{gap:3px}.realm-bar>span{background:#e9ded4;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.realm-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--realm-fill));position:absolute;inset:0 auto 0 0}.dark .realm-standing{--realm-ink:var(--realm-ink-dark);--realm-fill:var(--realm-fill-dark)}.dark .realm-bar>span{background:var(--profile-border)}.profile-realm-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:8px 56px 20px;display:grid}.profile-realm-rows>.profile-row{border-top:1px solid var(--profile-divider);min-height:50px;padding:0}.profile-row-logout{color:var(--profile-accent)}button.profile-row-logout:hover>span{color:var(--profile-accent);text-underline-offset:4px;text-decoration:underline}.profile-editor{z-index:50;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-editor-panel{background:var(--profile-surface);width:min(460px,100%);color:var(--profile-text);border-radius:18px;padding:22px 24px 20px;box-shadow:0 20px 40px #0003}.profile-editor header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.profile-editor h2{font:600 19px/1.4 var(--profile-serif);letter-spacing:.08em}.profile-editor header button{width:40px;height:40px;color:var(--profile-muted);border-radius:50%;place-items:center;margin-right:-8px;display:grid}.profile-editor-picture{border-bottom:1px solid var(--profile-hairline);align-items:center;gap:18px;padding-bottom:20px;display:flex}.profile-editor-avatar{width:72px;height:72px;font:600 30px/1 var(--profile-serif);border-radius:50%;flex-shrink:0;position:relative}.profile-editor-picture button{border:1px solid var(--profile-button-line);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;display:flex}.profile-editor-picture p{color:var(--profile-muted);margin-top:6px;font-size:12px}.profile-editor h3{margin-top:18px;font-size:15px;font-weight:600}.profile-editor h3+p{color:var(--profile-muted);margin-top:4px;font-size:12px}.profile-editor fieldset{border:0;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;min-width:0;margin:12px 0 0;padding:0;display:grid}.profile-editor label{cursor:pointer;place-items:center;min-height:48px;display:grid;position:relative}.profile-editor label input{opacity:0;width:1px;height:1px;position:absolute}.profile-editor label>span{width:38px;height:38px;font:600 16px/1 var(--profile-serif);border:1px solid;border-radius:50%;place-items:center;display:grid}.profile-editor label input:checked+span{outline:2px solid var(--profile-text);outline-offset:3px}.profile-editor label input:focus-visible+span{outline:3px solid var(--profile-accent);outline-offset:3px}.profile-editor-error{color:#b34d55;margin-top:12px;font-size:13px}.profile-editor footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.profile-editor footer button{border-radius:999px;min-height:44px;padding:0 20px;font-size:14px}.profile-editor .profile-editor-save{background:var(--profile-band);color:var(--profile-band-ink)}.profile-editor :disabled{cursor:wait;opacity:.55}.profile-toast-success{background:var(--profile-surface);border-color:var(--profile-border);color:var(--profile-text)}.profile-toast-error{background:var(--profile-surface);color:#b34d55;border-color:#e4c7c8}.profile-dialog{color:var(--profile-text);background:#2c292566}.profile-dialog>div{max-height:calc(100svh - 20px);overflow-y:auto}.profile-dialog input::placeholder{color:var(--profile-muted);opacity:.8}.profile-dialog form>div:last-child{padding-bottom:max(0px,env(safe-area-inset-bottom))}@media (max-width:767px){.profile-page{padding:22px 20px calc(88px + env(safe-area-inset-bottom))}.profile-shell{gap:18px}.profile-head{gap:12px}.profile-avatar{width:44px;height:44px;font-size:19px}.profile-name h1{font-size:17px}.profile-row{min-height:50px;padding:0 16px}.profile-sky{height:196px}.profile-realm{border-radius:20px}.profile-realm-head{grid-template-areas:"face name""standing standing";column-gap:14px;padding:0 18px 6px}.profile-realm-head>.profile-avatar{width:80px;height:80px;box-shadow:0 0 0 4px var(--profile-surface);margin-top:-40px;font-size:33px}.profile-realm-head>h1{padding-top:10px;font-size:21px}.realm-standing{gap:8px;margin-top:12px}.realm-standing>img{width:20px;height:20px}.realm-standing-name{font-size:14px}.realm-bar{flex:1;width:auto}.profile-realm-rows{grid-template-columns:minmax(0,1fr);padding:4px 18px 8px}.profile-realm-rows>.profile-row{min-height:48px;padding:0}.profile-editor{align-items:flex-end;padding:0}.profile-editor-panel{width:100%;padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.profile-editor fieldset{grid-template-columns:repeat(5,minmax(0,1fr))}}