html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) main.fp-about{color:var(--blog-ink);flex:1 0 auto;animation:none;display:block;width:min(960px,100% - 64px)!important;max-width:960px!important;margin:0 auto!important;padding:64px 0 72px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-header,.fp-friends-head){text-align:left;box-shadow:none!important;background:0 0!important;border:0!important;margin:0 0 44px!important;padding:0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-header,.fp-friends-head):before,html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-header,.fp-friends-head):after{content:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.starport-identity-kicker,.fp-friends-kicker){display:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-title{font-weight:650;letter-spacing:-.04em!important;font-size:clamp(32px,4vw,44px)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-lead{max-width:42rem!important;margin:16px 0 0!important;font-size:17px!important;line-height:1.9!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-sub{font-size:15px;line-height:1.8;margin:8px 0 22px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-section-body,.fp-friend-signal-meta,.fp-friend-apply,.fp-friend-comments){color:var(--blog-ink);font-family:var(--blog-font)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-section-body,.fp-friend-signal-meta,.fp-friend-apply,.fp-friend-comments) :is(p,span,a,dt,dd,label,small){color:var(--blog-ink)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .starport-profile-layout{margin:0;padding:0;display:block}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-sections{gap:0;display:grid}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section{scroll-margin-top:calc(var(--home-nav-offset,80px) + 20px);grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:36px;display:grid;border:0!important;border-top:1px solid var(--blog-rule)!important;margin:0!important;padding:28px 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-title{opacity:1;font-weight:600;letter-spacing:0!important;margin:0!important;font-size:18px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-body{min-width:0}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-body p{margin:0 0 14px;font-size:16px;line-height:1.95}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-body p:last-child{margin-bottom:0}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-body a{overflow-wrap:anywhere;text-underline-offset:4px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-links{border-top:1px solid var(--blog-rule);flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;margin:32px 0 0;padding:24px 0 0;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-link{letter-spacing:0;align-items:center;gap:7px;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:none!important;color:var(--blog-ink)!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;transform:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-link:hover{text-underline-offset:5px;text-decoration:underline}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-link-icon{opacity:1;width:18px;height:18px;color:var(--blog-ink);display:inline-flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-link-icon :is(svg,img){object-fit:contain;width:18px;height:18px;display:block}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-actions{flex-wrap:wrap;gap:10px;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-friends-action,.fp-flink-btn,.fp-emoji-toggle,.fp-comment-action,.fp-emoji-tab){letter-spacing:0;cursor:pointer;justify-content:center;align-items:center;min-height:44px;text-decoration:none;transition:opacity .12s;display:inline-flex;border:1px solid var(--blog-rule)!important;background:var(--blog-surface)!important;box-shadow:none!important;color:var(--blog-ink)!important;font:500 14px/1.5 var(--blog-font)!important;border-radius:6px!important;padding:8px 16px!important;transform:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-friends-action,.fp-flink-btn):hover{background:var(--blog-soft)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-section{margin:0 0 48px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-section-head{align-items:baseline;gap:10px;margin:0 0 18px;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-friends-section-title,.fp-friend-signal-title,.fp-friend-apply-title,.fp-comment-title){margin:0;font-size:21px;font-weight:600;line-height:1.5}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-section-count{font:14px/1.6 var(--blog-font)!important;color:var(--blog-secondary)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-item{border:0!important;margin:0!important;padding:0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-link{align-items:center;gap:16px;min-height:112px;text-decoration:none;display:flex;background:var(--blog-soft)!important;box-shadow:none!important;border:0!important;border-radius:8px!important;padding:20px!important;transform:none!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-avatar{object-fit:cover;width:60px;height:60px;box-shadow:none;border:0;border-radius:50%;flex:0 0 60px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-dot{border:1px solid var(--blog-rule);background:var(--blog-surface);border-radius:50%;flex:0 0 44px;width:44px;height:44px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-body{flex:1;min-width:0}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-name{margin:0 0 4px;font-size:17px;line-height:1.5}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-desc{margin:0;font-size:14px;line-height:1.7}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-host{overflow-wrap:anywhere;font:12px/1.7 var(--blog-font)!important;color:var(--blog-secondary)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-go{flex-shrink:0;font-size:19px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal{border-top:1px solid var(--blog-rule)!important;margin:0 0 40px!important;padding:28px 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-top{align-items:center;gap:22px;margin-bottom:24px;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-avatar{object-fit:cover;border:1px solid var(--blog-rule);width:96px;height:96px;box-shadow:none;background:var(--blog-surface);border-radius:8px;flex:0 0 96px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-note{margin:8px 0 0;font-size:14px;line-height:1.7}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;margin:0;font-size:14px;display:grid}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta>div{grid-template-columns:42px minmax(0,1fr);align-items:baseline;gap:16px;min-width:0;display:grid;border-bottom:1px solid var(--blog-rule)!important;padding:12px 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta :is(dt,dd){overflow-wrap:anywhere;margin:0;line-height:1.8}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta a{text-decoration:none}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta a:hover{text-underline-offset:4px;text-decoration:underline}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-apply{scroll-margin-top:calc(var(--home-nav-offset,80px) + 20px);margin:0 0 44px;border-top:1px solid var(--blog-rule)!important;padding:28px 0 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-exchange-hint{margin:10px 0 24px;font-size:14px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-reqs-box{border:0!important;padding:0 0 22px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-reqs-label{margin:0 0 10px;font-size:15px;font-weight:600}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-exchange-reqs{gap:4px;margin:0;padding:0;list-style:none;display:grid}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .blog-friend-requirement{margin:0;padding:0}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .blog-friend-requirement label{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-size:15px;line-height:1.75;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .blog-friend-requirement input{appearance:auto;height:18px;min-height:18px;accent-color:var(--blog-ink);flex:0 0 18px;margin:4px 0 0;width:18px!important;padding:0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-reqs-warn{margin:12px 0 0;padding:0;font-size:14px;color:var(--blog-secondary)!important;box-shadow:none!important;background:0 0!important;border:0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-apply-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;padding-top:8px;display:grid}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-field{gap:8px;min-width:0;font-size:14px;display:grid;background:0 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-field :is(input,textarea){box-sizing:border-box;width:100%;min-height:46px;padding:11px 14px;color:var(--blog-ink)!important;background:var(--blog-surface)!important;border:1px solid var(--blog-rule)!important;font:16px/1.6 var(--blog-font)!important;box-shadow:none!important;border-radius:6px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-field textarea{resize:vertical;min-height:132px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-field :is(input,textarea)::placeholder{opacity:.8;color:var(--blog-secondary)!important;-webkit-text-fill-color:var(--blog-secondary)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-apply-actions{grid-column:1/-1;justify-content:flex-start;gap:12px;margin-top:2px;display:flex}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-comments{border-radius:0;margin:0;border-top:1px solid var(--blog-rule)!important;box-shadow:none!important;background:0 0!important;padding:28px 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-title{margin-bottom:20px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-form{gap:18px;padding:0;display:grid;background:0 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-form-hint{margin:0;font-size:14px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-content-head{background:0 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-empty{background:var(--blog-soft);color:var(--blog-ink);border:0;border-radius:6px;margin:0 0 20px;padding:18px;font-size:14px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-item{border-radius:0;padding:18px 0;border:0!important;border-bottom:1px solid var(--blog-rule)!important;box-shadow:none!important;background:0 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-avatar{color:var(--blog-ink);background:var(--blog-soft);box-shadow:none;border-radius:50%}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-comment-meta{color:var(--blog-ink)}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-emoji-panel{background:var(--blog-surface)!important;border:1px solid var(--blog-rule)!important;box-shadow:none!important;border-radius:8px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-emoji-tab{padding:6px 10px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-emoji-tab.is-active{background:var(--blog-soft)!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-exchange-toast{z-index:1000;border:1px solid var(--blog-rule);width:max-content;max-width:calc(100% - 40px);color:var(--blog-ink);background:var(--blog-surface);border-radius:8px;margin:0;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=760px){html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) main.fp-about{width:calc(100% - 40px)!important;padding:36px 0 48px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) :is(.fp-about-header,.fp-friends-head){margin-bottom:32px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-lead{font-size:16px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section{grid-template-columns:1fr;gap:14px;padding:24px 0!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-about-section-title{font-size:19px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friends-rail{grid-template-columns:1fr}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-rail-link{min-height:102px;padding:18px!important}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-top{gap:18px}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-signal-meta{grid-template-columns:1fr}html[data-blog-shell][data-blog-theme] body.blog-shell:is(.blog-about-page,.blog-friends-page) .fp-friend-apply-form{grid-template-columns:1fr;gap:18px}}
