.profile-dashboard-hero-card .profile-avatar{box-sizing:border-box;display:block;flex:none;aspect-ratio:1;align-self:start;overflow:visible;padding:6px;position:relative}
.profile-avatar .profile-avatar-open{display:block;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:50%;overflow:hidden;background:transparent;cursor:zoom-in;line-height:0}
.profile-avatar .profile-avatar-open img{display:block;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;object-fit:cover;object-position:center}
.profile-story-link{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;min-height:30px;padding:4px 10px;border-radius:20px;border:1px solid var(--line,#48556a);background:var(--panel,#142136);color:var(--text,#fff);font:600 12px system-ui;text-decoration:none;cursor:pointer}
[data-has-stories=true]{box-shadow:0 0 0 3px #38bdf8,0 0 0 7px #142136!important}
.story-tray{display:flex;gap:14px;overflow:auto;padding:14px 6px 18px;scrollbar-width:thin;max-width:100%;box-sizing:border-box}.story-person{flex:0 0 76px;max-width:86px;background:transparent;border:0;color:var(--text,#fff);padding:0;cursor:pointer}.story-person>span{display:grid;place-items:center;box-sizing:border-box;width:66px;height:66px;margin:3px auto 8px;border:2px solid #64748b;padding:3px;border-radius:50%;font:26px system-ui}.story-person.is-unseen>span{border-color:#38bdf8;box-shadow:0 0 0 2px #34d399}.story-person img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.story-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-add>span{border-style:dashed;color:#38bdf8}
.profile-media-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 16px));max-height:96dvh;border:1px solid #475569;border-radius:22px;padding:18px;background:#0c1524;color:#f8fafc;overflow:auto}.profile-media-dialog::backdrop{background:#020617e8;backdrop-filter:blur(8px)}.profile-media-close{position:absolute;right:10px;top:10px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid #64748b;background:#101c30e8;color:#fff;font:28px system-ui;cursor:pointer}.profile-media-body{min-width:0}.profile-media-body header{display:grid;gap:3px;padding:3px 42px 12px 2px;overflow-wrap:anywhere}.profile-media-body small,.profile-media-hint{color:#cbd5e1;font-size:12px}.profile-avatar-stage{height:min(65dvh,620px);overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;background:#030712;border-radius:14px;cursor:zoom-in}.profile-avatar-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;transform-origin:center;will-change:transform}.profile-avatar-stage[data-zoomed=true]{cursor:grab}
.story-progress{display:flex;gap:5px;margin:28px 0 12px}.story-progress>span{flex:1;height:4px;background:#64748b;border-radius:4px;overflow:hidden}.story-progress i{display:block;height:100%;background:#fff}.story-stage{position:relative;display:grid;place-items:center;width:100%;height:min(62dvh,640px);background:#020617;border-radius:14px;overflow:hidden;touch-action:pan-y}.story-stage>video,.story-stage>img{display:block;width:100%;height:100%;max-height:min(62dvh,640px);object-fit:contain}.story-back,.story-next{position:absolute;top:0;bottom:0;width:20%;padding:0;border:0;background:transparent;color:#ffffffaa;font-size:34px;cursor:pointer}.story-back{left:0;text-align:left;padding-left:8px}.story-next{right:0;text-align:right;padding-right:8px}.story-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.story-tools{display:flex;gap:8px;flex-wrap:wrap}.profile-media-dialog .btn{min-height:40px;color:#fff;border:1px solid #64748b;border-radius:12px;background:#17263c;padding:8px 12px}.story-upload-form{display:grid;gap:14px}.story-upload-form label{display:grid;gap:6px}.story-upload-form input,.story-upload-form textarea,.story-upload-form select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #64748b;border-radius:10px;background:#142136;color:#fff}.story-upload-form progress{width:100%;accent-color:#34d399}.story-upload-preview img,.story-upload-preview video{display:block;width:100%;max-height:35dvh;object-fit:contain}.social-identity .profile-avatar-open{border:0;padding:0;background:transparent;cursor:zoom-in}.profile-avatar-open:focus-visible,.story-person:focus-visible,.profile-story-link:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}@media(max-width:480px){.profile-media-dialog{padding:12px;border-radius:16px}.profile-avatar-stage{height:58dvh}.story-tray{gap:10px}}