/* Inherits the live site's configurable colours and typography. */
#view [data-profile-counts].profile-connections{display:block}
#view [data-profile-counts]>.connection-link{appearance:none;display:inline;min-width:0;min-height:0;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;vertical-align:baseline;white-space:nowrap;cursor:pointer}
#view [data-profile-counts]>.connection-link:hover{text-decoration:underline;text-underline-offset:3px}
#view [data-profile-counts]>.connection-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#view [data-profile-counts].profile-connections b{font-size:inherit;font-weight:700;color:var(--text)}
#view [data-profile-counts]>.connection-private{white-space:nowrap;color:inherit}
.connection-search{display:flex;align-items:end;gap:.6rem}.connection-search label{flex:1;min-width:0}.connection-search button{margin-bottom:1rem}
.connection-results{max-height:55dvh;overflow:auto}.connection-member{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line,#ffffff18);color:inherit;text-decoration:none}
.connection-member>span:nth-child(2){flex:1}.connection-member small{display:block;color:var(--muted)}
#modal.profile-history-dialog{width:min(1040px,96vw);max-width:96vw;padding:1.5rem;max-height:94dvh;overflow:auto}
.profile-history-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-right:2.5rem}
.profile-history-head h2,.profile-history-head p{margin:.2rem 0}.profile-history-head p{color:var(--muted)}
.profile-history-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:.5rem;margin:1rem 0}
.profile-history-stage>button{font-size:2rem;padding:0;min-height:48px}
#historyImage{height:55dvh;display:flex;align-items:center;justify-content:center;background:#07070d;border-radius:14px;overflow:hidden;touch-action:pan-y pinch-zoom}
#historyImage img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.profile-history-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}
.profile-history-strip{display:flex;gap:.6rem;overflow:auto;margin-top:1rem;padding:.25rem;scrollbar-width:thin}
.profile-history-strip button{flex:0 0 56px;padding:0;background:transparent;border:2px solid transparent;border-radius:10px;overflow:hidden}
.profile-history-strip button.selected{border-color:var(--accent,#ed36b9);outline:2px solid var(--primary);outline-offset:1px}
.profile-history-strip img{width:52px;height:52px;object-fit:cover;display:block}
.reels-page svg,.reel-create svg,.reels-feed-strip svg{width:24px;height:24px;flex:none}
.reels-page a,.reel-create a,.reels-feed-strip a{color:inherit;text-decoration:none}
.reels-page button:focus-visible,.reels-page a:focus-visible,.reel-create button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.reels-page{display:grid;grid-template-columns:minmax(160px,1fr) minmax(280px,445px) minmax(70px,1fr);gap:2rem;max-width:1040px;margin:0 auto;align-items:center}
.reels-heading{align-self:start;padding-top:1rem}.reels-heading h1{display:flex;align-items:center;gap:.6rem;font-size:2.1rem;margin:1.2rem 0 .5rem}.reels-heading h1 svg{width:32px;height:32px}
.reels-heading p{line-height:1.65;margin-bottom:1.8rem}.reels-heading small{display:block;color:var(--muted);line-height:1.8;margin-top:2rem}
.reels-back{color:var(--muted)!important;font-size:.9rem}.reels-heading .button,.reel-create button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.reels-center{min-width:0;position:relative}.reels-deck{height:min(780px,calc(100dvh - 135px));overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;border-radius:22px;background:#050508}
#view .reels-close{position:absolute;top:.7rem;left:.7rem;z-index:6;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#171722e6;color:#fff;box-shadow:0 2px 10px #0007}
.reels-deck::-webkit-scrollbar{display:none}.reel-card{height:100%;width:100%;position:relative;isolation:isolate;background:#050508;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;color:#fff}
.reel-video{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}
.reel-play-area{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent!important}
.reel-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(#0009,transparent);pointer-events:none}
.reel-top{padding-left:4.1rem;gap:.4rem;min-height:66px}.reel-top-controls{display:flex;align-items:center;gap:.3rem;pointer-events:auto;flex:none}.reel-audience{font-size:.7rem;padding:.35rem .6rem;background:#0007;border:1px solid #ffffff26;border-radius:30px;min-width:0}
.reel-download{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:#0007;color:#fff}
.reel-sound,.reel-toggle{border:0;background:#0007!important;color:#fff;padding:.6rem;display:grid;place-items:center;border-radius:50%}
.reel-paused{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);background:#0009;border:1px solid #fff3;border-radius:50%;width:64px;height:64px;display:none;align-items:center;justify-content:center;pointer-events:none}.reel-paused svg{width:32px;height:32px;margin-left:3px}.is-paused .reel-paused{display:flex}
.reel-bottom{position:absolute;bottom:0;left:0;right:0;padding:5rem 1rem .8rem;background:linear-gradient(transparent,#000d);pointer-events:none}.reel-bottom>*{pointer-events:auto}
.reel-author{display:flex;align-items:center;gap:.6rem;max-width:calc(100% - 60px);width:max-content;font-size:.9rem;text-shadow:0 1px 3px #000}
.reel-author .avatar{width:38px;height:38px;flex:none;box-shadow:0 0 0 2px #fff7}.reel-author small{display:block;font-size:.7rem;opacity:.8;margin-top:.15rem}.reel-author b{overflow-wrap:anywhere}
.reel-caption{max-width:calc(100% - 60px);font-size:.85rem;line-height:1.5;margin:.65rem 0 0;text-shadow:0 1px 3px #000}
.reel-caption summary{list-style:none;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}.reel-caption[open] summary{display:none}.reel-caption p{margin:0;max-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0006;border-radius:8px;padding:.35rem}
.reel-timeline{display:flex;align-items:center;gap:.55rem;margin-top:.6rem;height:32px}.reel-toggle{padding:.3rem;min-width:32px;min-height:32px}.reel-toggle svg{width:18px;height:18px}
.reel-timeline input{flex:1;width:0;padding:0;height:22px;accent-color:var(--accent,#e94cc0);cursor:pointer;background:transparent;border:0}.reel-time{font-size:.7rem;width:28px;font-variant-numeric:tabular-nums}
.reel-actions{position:absolute;right:.65rem;bottom:125px;display:flex;flex-direction:column;align-items:center;gap:.8rem}
.reel-actions button,.reel-more{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:transparent!important;border:0;color:white;padding:0;min-width:48px;min-height:44px;text-shadow:0 1px 4px #000;font-size:.7rem;font-weight:600}
.reel-actions svg{width:40px;height:40px;padding:8px;border-radius:50%;background:#19131d80;backdrop-filter:blur(4px);filter:drop-shadow(0 1px 1px #0006)}
.reel-actions button[aria-pressed=true] svg{fill:var(--accent,#ee4cb8);stroke:var(--accent,#ee4cb8)}.reel-more{justify-content:center;font-size:1.1rem;min-height:32px}
.reels-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.reels-navigation button{background:var(--panel2,#252130);border:1px solid #ffffff24;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;padding:0}.reels-navigation button:disabled{opacity:.25}
.reels-load{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background:var(--panel,#171722);padding:1rem;border-radius:12px;text-align:center;z-index:4}.reels-load p{margin:.5rem 0}
.reels-empty{height:100%;padding:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(at 60% 30%,#7c3aed3d,transparent 70%)}
.reels-empty>svg{width:56px;height:56px;color:var(--accent)}.reels-empty h2{margin:1rem 0 .3rem}.reels-empty p{color:var(--muted);line-height:1.7;margin-bottom:1.8rem}
.reel-video-error{position:absolute;inset:35% 15% auto;background:#171722ed;border-radius:12px;padding:1rem;text-align:center;z-index:2}.reel-video-error button{margin-top:.6rem}
#modal.reel-comments-dialog{width:min(500px,95vw)}.reel-comment-list{max-height:45dvh;overflow:auto;overscroll-behavior:contain}.reel-comment{display:flex;gap:.7rem;padding:.85rem 0;border-bottom:1px solid #ffffff15}.reel-comment>.avatar{flex:none}.reel-comment>div{min-width:0;flex:1}.reel-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.35rem 0}.reel-comment-author{color:inherit;text-decoration:none;font-weight:650;font-size:.85rem}.reel-comment small{font-size:.7rem}
.reel-form-error{color:#ffb2bb;padding:.7rem;background:#6f243533;border-radius:9px;font-size:.9rem}
.reel-create{max-width:880px;margin:0 auto}.reel-create h1{margin:.5rem 0}.reel-upload-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:1.5rem;align-items:start}
.reel-upload-preview{aspect-ratio:9/16;max-height:680px;background:#07070d;border-radius:22px;position:relative;overflow:hidden;border:1px solid #ffffff20;display:grid;place-items:center}.reel-upload-preview video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.reel-upload-placeholder{padding:1.6rem;text-align:center}.reel-upload-placeholder>svg{width:56px;height:56px;color:var(--accent)}.reel-upload-placeholder p{color:var(--muted);line-height:1.7;font-size:.85rem}.reel-upload-placeholder h2{font-size:1.35rem}.reel-upload-placeholder button{margin-top:1rem}
.reel-upload-details{margin:0!important}.reel-upload-person{display:flex;gap:.7rem;align-items:center;margin-bottom:1.3rem}.reel-upload-person small{display:block;color:var(--muted);font-size:.75rem;margin-top:.2rem}.reel-upload-details>p{font-size:.8rem;line-height:1.6}.reel-file-summary{font-size:.8rem;overflow-wrap:anywhere;padding:1rem 0;display:flex;flex-direction:column;gap:.6rem}.reel-file-summary button{align-self:start}.reel-upload-cancel{display:block;text-align:center;margin-top:1rem;color:var(--muted)!important}.reel-upload-details button[type=submit]{width:100%}.reel-upload-details progress{width:100%;accent-color:var(--accent)}.reel-upload-details progress+p{font-size:.85rem}.reel-upload-details textarea{resize:vertical}
.reels-feed-strip{margin-bottom:1rem;padding:.8rem;min-width:0;max-width:100%}.reels-feed-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:30px;margin-bottom:.5rem}.reels-feed-title>a:first-child{display:flex;align-items:center;gap:.6rem}
.reels-feed-navigation{display:flex;gap:.4rem}.reels-feed-navigation[hidden]{display:none!important}#view .reels-feed-strip .reels-feed-navigation button{display:grid;place-items:center;min-height:30px;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel2)}.reels-feed-navigation svg{width:17px;height:17px}.reels-feed-navigation button:disabled{opacity:.35}
.reels-feed-previews{display:flex;flex-wrap:nowrap;gap:.6rem;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:.2rem}.reels-feed-previews:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}
.reels-feed-previews>a{flex:0 0 108px;height:120px;position:relative;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;background:var(--panel2,#252130);text-align:center;padding:.4rem;font-size:.75rem;scroll-snap-align:start}.reel-preview-create{border:1px dashed #ffffff45;background:linear-gradient(140deg,#7c3aed20,#dc37951c)!important}.reel-preview-create>svg{width:20px;height:20px;background:var(--primary);border-radius:50%;box-sizing:content-box;padding:8px}.reel-preview-create>b{white-space:nowrap}.reels-feed-previews span{font-size:.7rem;color:var(--muted)}.reels-feed-previews .reel-preview{padding:0}.reel-preview img{width:100%;height:100%;object-fit:cover}.reel-preview>span{position:absolute;inset:auto 0 0;padding:1rem .5rem .5rem;background:linear-gradient(transparent,#000d);color:#fff;display:flex;align-items:center;gap:.3rem}.reel-preview>span svg{width:15px;height:15px}.reel-preview>span b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reels-feed-retry{flex:0 0 108px;font-size:.75rem;scroll-snap-align:start}
@media(max-width:900px) and (min-width:721px){.reels-page{grid-template-columns:150px minmax(240px,400px) 48px;gap:1rem}.reels-heading h1{font-size:1.7rem}}
@media(max-width:720px){
  #modal.profile-history-dialog{padding:.8rem;width:96vw}.profile-history-head h2{font-size:1.1rem}.profile-history-head{padding-right:1.8rem;gap:.5rem}.profile-history-head button{font-size:.75rem;padding:.45rem}.profile-history-head p{font-size:.8rem}
  .profile-history-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:.1rem}#historyImage{height:48dvh}.profile-history-footer{font-size:.7rem;gap:.5rem}.profile-history-footer button{font-size:.75rem;padding:.5rem}
  .reels-page{display:block;margin:0 -.5rem}.reels-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.1rem .3rem .6rem}.reels-heading h1{font-size:1.25rem;margin:0}.reels-heading h1 svg{width:23px;height:23px}.reels-heading p,.reels-heading small,.reels-heading>.reels-back{display:none}.reels-heading .button{font-size:.75rem;padding:.45rem .7rem}.reels-heading .button svg{width:18px;height:18px}
  .reels-deck{height:calc(100dvh - 204px - env(safe-area-inset-bottom,0px));min-height:300px;max-height:800px;border-radius:16px}.reels-navigation{display:none}.reel-top{padding:.8rem}.reel-bottom{padding:4rem .8rem .6rem}.reel-actions{right:.5rem;gap:.6rem}.reel-actions svg{width:38px;height:38px}.reel-author{font-size:.8rem}.reel-author .avatar{width:34px;height:34px}.reel-caption{font-size:.8rem}.reel-timeline{margin-top:.4rem}
  .reel-upload-layout{grid-template-columns:1fr;gap:1rem}.reel-upload-preview{width:100%;height:320px;aspect-ratio:auto}.reel-upload-preview video{object-fit:contain}.reel-upload-placeholder>svg{width:40px;height:40px}.reel-upload-placeholder h2{margin:.6rem 0}.reel-upload-placeholder p{margin:.4rem 0}.reel-upload-placeholder button{margin-top:.4rem}.reel-create .page-head{margin-bottom:1rem}.reel-create h1{font-size:1.5rem}
  .reels-feed-previews>a{flex-basis:96px;height:112px}.reels-feed-strip{padding:.8rem!important}.reel-comment-list{max-height:42dvh}
}
@media(prefers-reduced-motion:reduce){.reels-deck{scroll-behavior:auto}.reel-card *{transition:none!important}}
@media(max-width:720px){.reel-top{padding-left:4.1rem}.reel-top-controls{gap:.2rem}}