/* ANGELS NIGHT WORLD / Social profile W41: scoped, GPU-light, touch first. */
.np,.np-editor{--np-ink:#f5f2ff;--np-muted:#a8a3bd;--np-line:rgba(207,188,255,.15);color:var(--np-ink);font-family:inherit;box-sizing:border-box}
.np *,.np-editor *{box-sizing:border-box}
.np{padding:0 0 34px;max-width:690px;margin:0 auto}
.np button,.np-editor button,.np-source{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.np button:focus-visible,.np-editor button:focus-visible,.np-source:focus-within{outline:2px solid #bdb0ff;outline-offset:3px}
.np-banner{height:136px;position:relative;overflow:hidden;border-radius:20px 20px 14px 14px;background:radial-gradient(ellipse at 80% 10%,rgba(173,120,255,.52),transparent 55%),radial-gradient(ellipse at 18% 100%,rgba(62,154,231,.23),transparent 50%),linear-gradient(120deg,#101326,#262041 60%,#101020);border:1px solid var(--np-line)}
.np-banner:after{content:'✦';position:absolute;right:24px;bottom:-75px;line-height:1;font-size:190px;color:rgba(255,255,255,.045);pointer-events:none}
.np-star{position:absolute;top:19px;left:20px;font-size:10px;letter-spacing:.23em;font-weight:850;color:#e2cffb}
.np-star span{margin-left:8px;padding:3px 6px;border:1px solid rgba(222,202,255,.28);border-radius:5px;color:#b9deff;font-weight:700}
#npShare{position:absolute;z-index:1;right:16px;top:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);width:42px;height:42px;border-radius:14px;color:#fff;font-size:22px}
.np-person{position:relative;margin:-44px 17px 0;display:flex;align-items:end;gap:16px}
.np-avatar-wrap{flex:none;position:relative;width:102px;height:102px}
.np-ring{width:102px;height:102px;padding:4px;border-radius:32px;background:linear-gradient(155deg,#f0a3f2,#94bafc 50%,#d6b5ff);box-shadow:0 5px 19px rgba(44,18,86,.36)}
.np-avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:27px;overflow:hidden;background:linear-gradient(135deg,#24283e,#141421);color:#d5b9ff;font-size:36px;font-weight:650}
.np-avatar img{width:100%;height:100%;object-fit:cover}
.np-verified{position:absolute;right:-5px;bottom:-4px;min-width:24px;height:24px;display:grid;place-items:center;color:#171021;background:#c4acfd;border:3px solid #181726;border-radius:50%;font-size:12px}
.np-naming{flex:1;min-width:0;padding:0 0 3px}
.np-eyebrow{display:block;font-size:9px;letter-spacing:.2em;font-weight:800;color:#a99dc8;margin:0 0 5px}
.np-naming h2{font-size:clamp(19px,5vw,25px);font-weight:850;color:#fff;line-height:1.2;margin:0;overflow-wrap:anywhere}
.np-handle{display:block;overflow-wrap:anywhere;font-size:12px;color:#b8ade6;margin-top:4px}
.np-bio{margin:17px 20px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.58;max-width:52ch;color:#edebf7}
.np-bio-empty{color:#8e8ba6;font-style:italic}
.np-status{margin:0 20px 16px;font-size:10px;line-height:1.5;color:#93d3c7}
.np-stats{margin:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px 0 14px;border-top:1px solid var(--np-line);border-bottom:1px solid var(--np-line)}
.np-stats>div{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0}
.np-stats>div+div{border-left:1px solid var(--np-line)}
.np-stats b{font-size:20px;letter-spacing:-.03em;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.np-stats small{font-size:8px;letter-spacing:.065em;color:#aba5c4;text-align:center;font-weight:800}
.np-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 14px}
.np-actions:has(#npEdit[hidden]){grid-template-columns:1fr}
.np-actions button,.np-editor-bottom button{min-height:44px;border-radius:13px;border:1px solid var(--np-line);font-weight:800;font-size:12px}
.np-primary{background:linear-gradient(120deg,#d6b8ff,#b8c8ff);color:#211932!important;border:0!important;box-shadow:0 4px 13px rgba(152,122,221,.17)}
.np-secondary{background:#25243a;color:#ebe6fa}
.np-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:14px 10px 8px;padding:4px;background:rgba(21,20,35,.83);border:1px solid var(--np-line);border-radius:14px}
.np-tabs button{border:0;min-width:0;border-radius:10px;background:transparent;color:#aaa2bd;font-weight:700;font-size:13px;padding:12px 4px;display:flex;gap:4px;align-items:center;justify-content:center}
.np-tabs button span{font-size:10px;white-space:nowrap}
.np-tabs button.selected{color:#fff;background:rgba(147,113,206,.29);box-shadow:inset 0 0 0 1px rgba(216,185,253,.16)}
.np-tabs button[hidden]{display:none}
.np-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 11px;min-height:142px}
.np-tile{display:block;position:relative;aspect-ratio:1/1;min-width:0;overflow:hidden;background:linear-gradient(140deg,#38304e,#1b1d30);border:1px solid var(--np-line);border-radius:9px;color:#eae3fa;padding:0;text-align:left;contain:layout paint}
.np-tile img{display:block;width:100%;height:100%;object-fit:cover}
.np-tile>span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;padding:13px 10px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.np-tile small{position:absolute;bottom:6px;right:6px;padding:3px 6px;border-radius:6px;background:rgba(17,14,28,.8);color:#efe8fb}
.np-empty{grid-column:1/-1;text-align:center;margin:25px 10px;color:#a9a2c1;font-size:12px;line-height:1.6}
.np-foot{margin:19px 17px 0;color:#77738b;font-size:10px;line-height:1.5}
.np-editor{position:relative;max-width:690px;margin:14px auto 25px;padding:17px 14px 22px;border:1px solid rgba(196,164,241,.28);border-radius:19px;background:linear-gradient(160deg,#252138,#171627)}
.np-editor[hidden]{display:none}
.np-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.np-editor-head strong{font-size:18px}
.np-editor-head button{width:40px;height:40px;background:transparent;color:#fff;border:0;font-size:26px}
.np-editor-note{font-size:11px;color:#b0a9c9;line-height:1.5}
.np-edit-photo{width:91px;height:91px;display:grid;place-items:center;overflow:hidden;margin:16px auto;border:3px solid #b49ce8;border-radius:30px;background:#151526;color:#d4b8ff;font-size:32px}
.np-edit-photo img{width:100%;height:100%;object-fit:cover}
.np-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0 15px}
.np-source-grid button,.np-source{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:82px;padding:10px 2px;text-align:center;border-radius:13px;border:1px solid rgba(211,187,250,.2);background:#302942;color:#e8defc;font-weight:750;font-size:22px}
.np-source-grid span{font-size:10px;font-weight:750;line-height:1.3}
.np-source input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.np-input-label{display:flex;justify-content:space-between;margin:12px 2px 5px;color:#e4dcf4;font-size:11px;font-weight:800}
.np-input-label span{color:#9890b4;font-weight:500}
.np-editor input:not([type=file]),.np-editor textarea{display:block;width:100%;border:1px solid #554965;background:#111423;border-radius:11px;color:#fff;padding:12px 13px;font:inherit;font-size:14px;outline:none;resize:vertical}
.np-editor input:focus,.np-editor textarea:focus{border-color:#c8a6f8}
.np-editor-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin:17px 0 0}
.np-editor-bottom button:first-child{background:#30283f;color:#d5caeb}
#npEditorStatus{min-height:21px;color:#aee5d9;font-size:11px;line-height:1.5}
.np-chooser{padding:11px;margin:8px 0 16px;border:1px solid var(--np-line);border-radius:13px;color:#d2cce4;font-size:12px}
.np-chooser[hidden]{display:none}
.np-chooser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}
.np-photo-option{aspect-ratio:1/1;border:1px solid #51426b;padding:0;border-radius:9px;overflow:hidden;background:#171526}
.np-photo-option img{width:100%;height:100%;object-fit:cover}
.np-pose{display:inline-flex;background:#342746;color:#eee;border:1px solid #574977;border-radius:10px;min-height:40px;padding:10px;font-size:11px;margin:4px}
@media(max-width:380px){.np-person{margin-left:12px;margin-right:12px;gap:10px}.np-avatar-wrap,.np-ring{width:88px;height:88px}.np-tabs button span{font-size:9px}.np-stats small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.np *,.np-editor *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Social author links open public profiles without changing feed layout. */
.social-card-author[data-action="profile"]{appearance:none;background:transparent;border:0;padding:0;color:inherit;font:inherit;font-weight:800;text-align:left;text-decoration:none;cursor:pointer;min-height:28px}
.social-card-author[data-action="profile"]:focus-visible{outline:2px solid #d3b5fc;outline-offset:3px;border-radius:3px}
.social-card-author[data-action="profile"]:hover{text-decoration:underline;text-underline-offset:3px}

.social-avatar.social-avatar-photo{overflow:hidden;padding:0!important}
.social-avatar.social-avatar-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* A discreet account connection next to identity: no third row of confusing actions. */
.np-account-shortcut{margin:-8px 20px 17px;padding:6px 11px;border-radius:9px;border:1px solid rgba(188,162,247,.28);background:#272237;color:#d9c9fe;font-size:11px;font-weight:780}
.np-account-shortcut[hidden]{display:none}

/* W43: profile is a native screen of Social Night, not an extra iNight app. */
#socialFeedRoot[hidden],#socialProfileView[hidden]{display:none!important}
.social-profile-view{width:100%;max-width:720px;margin:0 auto;min-height:100%;padding-bottom:24px}
.social-profile-bar{display:flex;align-items:center;gap:13px;justify-content:space-between;padding:5px 2px 16px;position:relative}
.social-profile-bar>strong{flex:1;font-size:11px;letter-spacing:.13em;color:#e2ccff;font-weight:850;text-align:right}
#socialBackFeed{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-height:40px;padding:4px 13px;border-radius:13px;background:#26243c;border:1px solid #9c87c93d;color:#e9e3fa;font-weight:800;font-size:23px;cursor:pointer}
#socialBackFeed span{font-size:12px}
.social-profile-content{min-height:160px}
.social-profile-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;text-align:center;color:#fff}
.social-profile-loading .social-profile-symbol{font-size:32px;width:75px;height:75px;display:grid;place-items:center;border:2px solid #af8eee;background:linear-gradient(135deg,#44305e,#1a203a);border-radius:25px}
.social-profile-loading strong{font-size:18px;font-weight:850}
.social-profile-loading p{font-size:12px;color:#ada6c8;line-height:1.6;margin:0}
.social-profile-retry{border:0;background:linear-gradient(110deg,#d7b6ff,#9dcaff);border-radius:12px;padding:12px 22px;color:#1d1a2e;font-weight:800;cursor:pointer}
.social-profile-entry{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:39px;padding:7px 9px;border:1px solid #cfb2ff55;background:linear-gradient(140deg,#4d3363,#302443);border-radius:13px;color:#f4ddff;font-size:13px!important;font-weight:780!important;white-space:nowrap;cursor:pointer}
.social-profile-entry span{font-size:11px;font-weight:790}
@media(max-width:435px){.social-profile-entry{padding:7px 8px}.social-identity:has(.social-profile-entry) .social-live-pill{display:none}}
