/* Profile previews use the same identity surface as the profile itself. */
body .hint-container { max-width:calc(100vw - 24px); }
body .hint-container .hint-content { border:0; background:transparent; }
body .hint-container .hint-body { border:1px solid var(--popple-line); border-radius:20px; background:var(--popple-paper); color:var(--popple-text); max-height:calc(100vh - 32px); overflow:auto; box-shadow:0 18px 56px #0003; }
body .hint-container :is(.hint-top-corner-wrap,.hint-bottom-corner-wrap,.hint-right-corner-wrap) { display:none; }
body .hint-container :is(.uhint-wrap,.ghint-wrap,.ehint-wrap) { max-width:100%; }
body .hint-body .uhb-head-text { margin-left:84px; font-size:18px; line-height:1.3; }
body .hint-body .uhbht-title { color:var(--popple-text); font-weight:650; letter-spacing:-.025em; }
body .hint-body .uhb-head-text-wrap { box-sizing:border-box; padding:20px 16px 12px; }
body .hint-body .uhint-has-cover .uhb-head-text-wrap { background:linear-gradient(transparent,#000c); padding:20px 16px 12px; }
body .hint-body .uhbht-info-line { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-height:none; line-height:1.4; font-size:12px; }
body .hint-body .uhint-avatar.ow_avatar_console { width:76px; height:76px; box-sizing:border-box; padding:3px; border-radius:50%; margin: -24px 0 0 16px; background:var(--popple-paper); }
body .hint-body .uhint-avatar-image { width:68px; height:68px; border-radius:50%; background-size:cover; background-position:center; }
body .hint-body .uhb-info { height:auto; min-height:78px; padding:8px 0 12px; }
body .hint-body .hb-info-content { margin:0 16px 0 100px; height:auto; min-height:52px; overflow-wrap:anywhere; }
body .hint-body .uhint-has-cover .uhbht-title { color:#fff; }
body .hint-body .uhint-has-cover .uhbht-info-line { color:#e5e5eb; }
body .hint-body .hb-info-content { line-height:1.6; color:var(--popple-muted); font-size:13px; }
body .hint-body .uhint-foot { background:var(--popple-paper); padding:12px 16px; }
body .hint-body .ow_bl { display:flex; flex-wrap:wrap; gap:8px; }
body .hint-body .ow_bl li { float:none; margin:0; }
body .hint-body .ow_bl a { display:flex; align-items:center; justify-content:center; min-height:40px; padding:8px 14px; border:1px solid var(--popple-line); border-radius:12px; background:var(--popple-plane); color:var(--popple-text); font-size:13px; }
body .hint-body [data-cover-look=vivid] .uhint-cover-img { filter:saturate(1.3) contrast(1.06); }
body .hint-body [data-cover-look=mono] .uhint-cover-img { filter:grayscale(1) contrast(1.08); }
body .hint-body [data-cover-look=warm] .uhint-cover-img { filter:sepia(.28) saturate(1.15); }
body .h-left-col,body .h-right-col { width:calc(50% - 16px); max-width:100%; }
body .h-preview-wrap { width:min(355px,100%); }
body .h-setting-form { width:100%; }
@media(max-width:850px){body .h-left-col,body .h-right-col{float:none;width:100%;margin:0 0 24px}body .hint-body .ow_bl a{min-height:44px}}
@media(prefers-reduced-motion:reduce){body .hint-container *{animation:none!important;transition:none!important}}