/* v38: account colors, complete artwork previews, and story navigation. */
/* v46: an owner-colored portrait card with a sculpted cover and fine orbital lines. */
#main>.people>.featured38{border-radius:28px 12px 28px 12px!important;border-color:color-mix(in srgb,var(--card-accent38) 23%,transparent);box-shadow:0 7px 24px color-mix(in srgb,var(--card-accent38) 6%,transparent)}
.featured38 .featured36-cover{height:116px;margin:0;background:radial-gradient(ellipse at 10% 20%,color-mix(in srgb,var(--card-accent38) 40%,transparent),transparent 72%),color-mix(in srgb,var(--card-accent38) 14%,var(--card-paper38));border:0;border-radius:0 0 54% 0;clip-path:none;box-shadow:none;isolation:isolate}
.featured38 .featured36-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,transparent 15%,color-mix(in srgb,var(--card-paper38) 22%,transparent) 65%,var(--card-paper38));pointer-events:none}
.featured38 .featured36-cover>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.5;border-radius:0!important;margin:0!important}
.featured38 .featured36-cover>span:not(.featured36-label){color:var(--card-accent38);opacity:.16;left:18px;bottom:-8px;font-size:64px}
.featured38 .featured-orbit46{position:absolute;inset:-42px auto auto -48px;width:184px;height:184px;border:1px solid color-mix(in srgb,var(--card-accent38) 32%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--card-accent38) 5%,transparent),0 0 0 26px color-mix(in srgb,var(--card-accent38) 4%,transparent);pointer-events:none}
.featured-orbit46::after{content:"";position:absolute;left:36px;bottom:12px;width:6px;height:6px;border-radius:50%;background:var(--card-accent38);box-shadow:14px 8px 0 -1px color-mix(in srgb,var(--card-accent38) 50%,transparent)}
.featured38 .featured36-label{display:inline-flex;align-items:center;gap:5px;top:14px;right:14px;max-width:calc(100% - 28px);padding:5px 9px;background:color-mix(in srgb,var(--card-paper38) 90%,transparent);color:var(--card-ink38);border:1px solid color-mix(in srgb,var(--card-accent38) 16%,transparent);border-radius:12px 4px 12px 4px;z-index:1;line-height:1.5;backdrop-filter:blur(6px)}
.featured38 .featured36-label svg{width:13px;height:13px;flex:none;color:var(--card-accent38)}
#main>.people .featured38 .person-avatar{align-self:flex-end;width:70px;height:70px;margin:-35px 0 0 18px!important;background:var(--card-paper38)!important;border:4px solid var(--card-paper38)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent38) 24%,transparent),0 5px 16px color-mix(in srgb,var(--card-accent38) 15%,transparent)!important}
.featured38 .featured36-details{padding:0 18px 5px}
#main>.people .featured38 h3{margin:8px 0 2px!important;font-size:17px;letter-spacing:-.3px}
.featured38 .featured36-bio{line-height:1.8;opacity:.76}
.featured38 .person-actions{border-top:1px solid color-mix(in srgb,var(--card-accent38) 14%,transparent);padding-top:12px;margin-inline:18px;gap:8px}

/* Shorter banner surfaces, including image and music banners. */
.profile-banners .profile-banner.banner-audio36{height:186px!important;min-height:186px!important;max-height:186px!important;flex-basis:252px;min-width:252px;max-width:252px;box-sizing:border-box}
.profile-banners .banner-audio36{padding:8px 12px!important;overflow:hidden}
.profile-banners .banner-audio36 .cd-player37{margin:0!important;min-height:0}
.profile-banners .banner-audio36 .cd-controls37{margin:0;gap:7px;padding:0}
.profile-banners .banner-audio36 .banner36-kicker{margin-bottom:0;line-height:14px;padding-inline-end:22px}
.profile-banners .banner-audio36>div>b{margin:0;font-size:14px;line-height:21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.profile-banners .banner-audio36>div>p{margin:2px 0 3px;font-size:10px;line-height:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-inline-end:22px}
.profile-banners .banner-audio36 .cd-orbit37{width:84px;height:84px;flex-basis:84px}
.profile-banners .banner-audio36 .cd-seek37{width:84px!important;height:84px!important;min-width:84px!important}
.profile-banners .banner-audio36 .disc37{inset:9px;width:66px!important;height:66px!important;min-width:66px!important}
.profile-banners .banner-audio36>div>a{font-size:10px;line-height:14px;margin-top:3px}

/* A contained canvas scales as a unit without changing any card's dimensions. */
.composed38{overflow:hidden!important}
.shared-post6>div.composed38{position:relative}
.preview38{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden;pointer-events:none;isolation:isolate}
.preview38-canvas{display:block;position:absolute;left:50%;top:50%;width:360px!important;height:var(--preview-height38)!important;container-type:inline-size;transform:translate(-50%,-50%) scale(var(--preview-scale38,0));transform-origin:center;overflow:hidden}
.preview38-base{position:absolute;inset:0;display:block}
.preview38 .preview38-base>img,.preview38 .preview38-base>video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;transform:none!important;filter:none!important;margin:0!important}
.preview38 .scene-layer6{position:absolute!important;max-width:none;pointer-events:none!important;line-height:1.3}
.preview38 .scene-layer6>img{height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important;border:0!important}
.preview38 .mention-layer6 img{width:9cqw!important;height:9cqw!important;border-radius:50%!important;object-fit:cover!important}
.preview38 :is(button,a){pointer-events:none!important}
.preview38 .scene-content11{position:absolute!important;inset:0}
.shared-post6>div.composed38{min-height:100px}
.collection-grid38{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px!important;align-items:stretch}
.collection-grid38 .sp32-card{margin:0!important;border:1px solid color-mix(in srgb,var(--card-accent38) 24%,var(--card-paper38))!important;border-radius:15px!important;display:flex;flex-direction:column;min-width:0}
.collection-grid38 .sp32-body{display:flex;flex:1;flex-direction:column}.collection-grid38 .sp32-cover{flex:none}
.collection-tabs38{display:flex!important;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:8px 0!important;border:0!important;margin:12px 0!important}
.collection-tabs38>button{flex:1;min-width:max-content;border:1px solid var(--line);border-radius:10px!important;padding:10px 14px;background:var(--paper);color:var(--ink);font-size:12px}
.collection-tabs38>button.active{background:var(--accent)!important;color:var(--paper)!important;border-color:var(--accent)}

/* Progress starts at the right edge, including each subdivision. */
.story-progress-v5{direction:rtl!important;z-index:30!important;gap:4px;filter:none!important}
.story-progress-v5>i{direction:rtl!important;position:relative;cursor:pointer;min-width:0}
.story-progress-v5>i>b:not(.video-progress11){margin-left:auto;margin-right:0}
.story-progress-v5 .video-segments11{direction:rtl!important;flex-direction:row!important}
.story-progress-v5 .video-progress11{cursor:pointer;background:linear-gradient(to left,var(--story-accent,#fff) var(--progress11,0%),#ffffff50 0)!important}
.story-progress-v5>i:focus-visible,.story-progress-v5 b:focus-visible{outline:2px solid white;outline-offset:2px}
.story-screen{touch-action:none;transition:transform .24s ease,opacity .24s ease}
.story-screen.story-dragging38{transition:none!important;animation:none!important}
.story-screen.story-closing38{animation:story-close38 .24s ease-in forwards!important;pointer-events:none}
.story-header-v5,.story-caption-v5,.story-reply-v5,#storyFit33{transition:opacity .24s ease,transform .24s ease,visibility .24s!important}
.story-clean38 :is(.story-header-v5,.story-caption-v5,.story-reply-v5,#storyFit33){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)!important}
@keyframes story-close38{from{transform:var(--story-dismiss-transform38,translateY(0));opacity:var(--story-dismiss-opacity38,1)}to{transform:translateY(100dvh) scale(.94);opacity:0}}

/* Caption tools sit directly above the sheet's close/header row. */
.caption38{gap:0!important;overflow:hidden!important;max-width:680px!important;margin-inline:auto!important;color:var(--ink)}
.caption38 .caption-toolbar38{position:static!important;inset:auto!important;order:-2;display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;background:color-mix(in srgb,var(--accent) 7%,var(--paper))!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--paper));padding:8px!important;margin:0 0 8px!important;border-radius:12px!important;box-shadow:none!important;max-height:112px;overflow:auto;flex:none}
.caption38 .caption-toolbar38 button{min-width:31px;height:32px;padding:5px;background:var(--paper);color:var(--accent);border:1px solid var(--line);border-radius:7px}
.caption38 .caption-toolbar38 select{height:32px;max-width:120px;font-size:11px;padding:3px;border-radius:7px}
.caption38 .caption-toolbar38 input[type=color]{width:34px;height:32px;padding:3px;border:1px solid var(--line);border-radius:7px}
.caption38>header{order:-1;margin:0!important;padding:0 0 8px;align-items:center;border-bottom:1px solid var(--line);flex:none}
.caption38>header h3{font-size:16px;margin:0}.caption38 #editSheetClose{width:34px;height:34px}
.caption38 #editSheetBody{overflow:auto!important;padding:10px 1px;min-height:0;overscroll-behavior:contain}
.caption-intro38{font-size:11px;opacity:.65;margin:0 0 12px;line-height:1.8}
.caption-title38 input{font-size:15px!important;font-weight:600;min-height:44px;border-radius:10px}
.caption-title38 label,.caption-label38{display:block;font-size:12px;font-weight:600;margin-bottom:7px}
.caption38 #richEditor{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:12px;min-height:100px;max-height:28dvh;font-size:14px;line-height:1.9;color:var(--ink)}
.caption-extra38{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.caption-extra38 summary{cursor:pointer;font-size:12px;display:list-item}.caption-extra38 summary small{opacity:.5;margin-inline-start:6px;font-size:10px}
.caption-extra-fields38{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.caption-extra-fields38 .field{margin:0;min-width:0}.caption-extra-fields38 input{width:100%;min-width:0}
.caption38 #saveEditSheet{margin-top:8px;border-radius:12px;min-height:42px;flex:none}

.highlight-picker38{width:min(94vw,480px);max-height:90dvh;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #0004}
.highlight-picker38::backdrop{background:rgba(var(--tp-p900-rgb),0.502);backdrop-filter:blur(4px)}
.highlight-picker38 header{display:flex;align-items:center;gap:10px;margin-bottom:22px}.highlight-picker38 header>span{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);padding:10px;border-radius:12px}
.highlight-picker38 header svg{width:20px;height:20px}.highlight-picker38 header small{font-size:10px;opacity:.6}.highlight-picker38 h2{font-size:17px;margin:3px 0}.highlight-picker38 [data-cancel38]{margin-inline-start:auto;border:0;background:transparent;color:inherit;padding:5px}
.highlight-picker38 label{display:block;margin-bottom:14px;font-size:12px;font-weight:600}.highlight-picker38 select,.highlight-picker38 input{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:11px;margin-top:7px}
.highlight-picker38 [hidden]{display:none!important}.highlight-picker38 p{font-size:12px;line-height:1.8}.highlight-picker38 .primary{width:100%;min-height:44px;border-radius:12px}.highlight-error38{color:#b32936}
.visiting-profile38 #navToggle,.visiting-profile38 .topbar>.breadcrumb{display:none!important}
#profileNav38{display:flex;align-items:center;gap:7px;min-width:0;direction:rtl;flex:1}
#profileNav38 .icon{flex:none}#profileNav38>span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ink)}
@media(max-width:800px){.collection-grid38{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid38 .post37{border-radius:12px!important}#profileNav38{gap:1px}#profileNav38>span{max-width:calc(100vw - 220px);font-size:11px}.visiting-profile38 .top-actions{gap:2px!important}}
@media(max-width:600px){.profile-banners .profile-banner.banner-audio36{height:176px!important;min-height:176px!important;max-height:176px!important;flex-basis:232px;min-width:232px;max-width:232px}.caption-extra-fields38{grid-template-columns:1fr}.caption38 .caption-toolbar38{gap:4px;padding:6px!important}.highlight-picker38{padding:18px}.collection-tabs38>button{padding:9px 11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.story-screen,.story-header-v5,.story-caption-v5,.story-reply-v5,#storyFit33{animation:none!important;transition:none!important}}

.sp32-body>.sp38-description{font-size:11px;line-height:1.65;min-height:3.3em;max-height:3.3em;margin:0 0 7px;opacity:.72;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--card-ink38,var(--ink));overflow-wrap:anywhere}
.sp38-description :is(p,div,h1,h2,h3,h4,blockquote,ul,ol,li){margin:0;padding:0;font-size:inherit;line-height:inherit}
.sp38-description img,.sp38-description video,.sp38-description iframe{display:none}
.shared-post6>.sp38-description{font-size:11px;line-height:1.65;max-height:3.3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:600px){.sp32-body>.sp38-description{font-size:10px;margin-bottom:6px}}

.story-description38{font-size:14px;line-height:1.6;max-height:4.8em;overflow:hidden}.story-description38 :is(p,div,ul,ol,blockquote){margin:0;padding:0}

/* One messages title beside the back button in the main navigation. */
.messages-page43 #navToggle,.messages-page43 .topbar>.breadcrumb{display:none!important}
#messagesNav43{display:flex;align-items:center;gap:10px;min-width:0;direction:rtl;flex:1}
#messagesNav43 .icon{flex:none;width:38px;height:38px;padding:7px}
#messagesNav43 h1{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.3px;color:var(--ink);font-weight:700}
.messages-intro43{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}
.chat-full8 .messages-intro43{display:none}
@media(max-width:380px){#messagesNav43{gap:5px}#messagesNav43 h1{font-size:16px}.messages-page43 .top-actions{gap:3px!important}}