:root{--bg:#11091c;--panel:#1e1230;--text:#f7f1ff;--muted:#cbb9dc;--accent:#b889ff;--accent2:#e2c7ff;--border:#3a2850}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#3a1a55 0,#170b25 42%,#0c0713 100%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:#0c0713dd;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-weight:800;letter-spacing:.12em}.menu{display:flex;gap:18px;flex-wrap:wrap}.hero{min-height:82vh;display:grid;place-items:center;text-align:center;padding:80px 0;background:linear-gradient(#10081877,#100818dd),radial-gradient(circle at 50% 30%,#9d5cff55,transparent 42%)}.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.92;margin:0;text-transform:uppercase;letter-spacing:.04em}.hero h2{font-size:clamp(1.5rem,4vw,3rem);color:var(--accent2);margin:.7rem 0}.hero p{max-width:720px;margin:0 auto 28px;color:var(--muted);font-size:1.15rem}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border:1px solid var(--accent);border-radius:999px;background:#b889ff22}.btn.primary{background:var(--accent);color:#180c26;font-weight:800}.section{padding:76px 0}.section h2{font-size:2.2rem;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.card{background:#1d122bbb;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding:20px}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.muted{color:var(--muted)}audio{width:100%}.track{padding:12px 0;border-bottom:1px solid var(--border)}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#10091a;color:var(--text);margin:6px 0 14px}.footer{padding:40px 0;border-top:1px solid var(--border);color:var(--muted)}.notice{padding:12px;border-radius:10px;background:#2f1c46;margin-bottom:18px}.adminbar{background:#0b0611;border-bottom:1px solid var(--border);padding:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}@media(max-width:700px){.menu{font-size:.88rem;gap:10px}.hero{min-height:72vh}.section{padding:52px 0}}

.streaming-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.streaming-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #6c588d;border-radius:14px;padding:12px 18px;color:#f5efff;text-decoration:none;background:#231936}.streaming-link:hover{background:#3a2758}.streaming-link img{object-fit:contain}

/* v1.5.5: public and member streaming platform cards */
.platforms-section{background:radial-gradient(ellipse at 50% 0%,#43216966,transparent 72%),linear-gradient(180deg,#160c27,#0e0a1c);border-block:1px solid #5d367855}
.platforms-section h2{text-align:center;margin-bottom:34px}
.platforms-section .streaming-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.platforms-section .streaming-link{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px 10px 20px;border:1px solid #6e4b9566;border-radius:20px;background:linear-gradient(150deg,#2b174a,#130c26);box-shadow:0 14px 34px #07030d77;transition:transform .2s,border-color .2s,box-shadow .2s}
.platforms-section .streaming-link:hover,.platforms-section .streaming-link:focus-visible{transform:translateY(-5px);border-color:#ce99ff;box-shadow:0 18px 40px #9b50ee44;outline-offset:3px}
.platforms-section .streaming-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:25px;background:radial-gradient(circle at center,#7439a66b,#271439);box-shadow:0 0 24px #b14fff44}
.platforms-section .streaming-icon img{width:50px;height:50px;object-fit:contain;aspect-ratio:auto;border-radius:0}
.platforms-section .streaming-label{font-weight:700;font-size:1.05rem;line-height:1.3;white-space:normal}
@media(max-width:900px){.platforms-section .streaming-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.platforms-section .streaming-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platforms-section .streaming-link{padding:20px 8px}.platforms-section .streaming-icon{width:76px;height:76px}}
/* admin analytics */
.analytics-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.analytics-controls select{width:auto;margin:0}
.analytics-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.analytics-stat{padding:22px;border:1px solid #494070;border-radius:18px;background:linear-gradient(150deg,#1d2140,#10152b)}
.analytics-stat .metric{font-size:2rem;font-weight:800;line-height:1.2;margin:10px 0;color:#fff}
.analytics-stat .muted{font-size:.9rem}
.analytics-chart{background:#12182d;border:1px solid #44436b;border-radius:18px;padding:24px;overflow-x:auto}
.analytics-bars{height:220px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #454c70;min-width:480px}
.analytics-day{flex:1;min-width:0;display:flex;gap:2px;align-items:end;height:100%}
.analytics-day .bar{flex:1;border-radius:5px 5px 0 0;min-height:0;background:linear-gradient(#32b4ff,#2268cc)}
.analytics-day .bar.unique{background:linear-gradient(#d66dff,#7d3ed0)}
.analytics-legend{display:flex;gap:20px;margin:10px 0;color:#d6d7f2}
.analytics-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#32b4ff;margin-right:6px}
.analytics-legend i.unique{background:#ba65ee}
@media(max-width:800px){.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.analytics-stats{grid-template-columns:1fr}}

/* v1.5.6 artwork-backed responsive streaming banner */
.stream-showcase{background:radial-gradient(ellipse at center top,#3c1661 0%,#0d0719 72%);padding-block:44px}
.stream-heading{text-align:center;margin:0 0 20px;color:#f9f4ff;letter-spacing:.03em}
.stream-banner{position:relative;overflow:hidden;border-radius:26px;box-shadow:0 20px 55px #0009;border:1px solid #9c55da44;background:#110724}
.stream-banner>img{display:block;width:100%;height:auto}
.stream-banner-hit{position:absolute;top:0;width:20%;height:100%;display:block;border-radius:18px;transition:background .2s,box-shadow .2s}
.stream-banner-hit:hover,.stream-banner-hit:focus-visible{background:#ffffff16;box-shadow:inset 0 0 0 3px #e6bbff;outline:none}
.stream-mobile{display:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.stream-banner{display:none}.stream-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stream-mobile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:18px;background:#180c30;border:1px solid #71409c;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 24px #0008}.stream-mobile-card:hover,.stream-mobile-card:focus-visible{border-color:#efc6ff;transform:translateY(-2px)}.stream-mobile-card img{display:block;width:100%;max-width:210px;height:auto;aspect-ratio:290/260;object-fit:cover;border-radius:12px}.stream-mobile-card span{padding-bottom:8px}}
/* v1.5.6 administrator analytics */
.xa-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.xa-tabs a{display:inline-flex;padding:11px 17px;border:1px solid #515078;background:#161b34;border-radius:12px;color:#e5e5fa;text-decoration:none;font-weight:700}.xa-tabs a.active,.xa-tabs a:hover{background:#46307a;border-color:#ba7eff;color:#fff}
.xa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.xa-kpi{position:relative;overflow:hidden;border:1px solid #343d64;background:linear-gradient(145deg,#1a2341,#0e1427);padding:23px;border-radius:17px;min-height:158px}.xa-kpi .xa-symbol{font-size:1.5rem;color:#8b77f9}.xa-kpi .xa-value{font-size:2.1rem;font-weight:800;color:white;margin:8px 0}.xa-kpi .xa-note{color:#a7b5d5;font-size:.87rem}
.xa-panel{border:1px solid #323c63;background:linear-gradient(140deg,#151d35,#0d1428);border-radius:19px;padding:24px;margin-bottom:22px;box-shadow:0 10px 35px #0002}.xa-panel h2{margin-top:0;color:#f6f3ff}.xa-chart{width:100%;height:auto;display:block;min-width:580px}.xa-chart-wrap{overflow-x:auto}.xa-table-wrap{overflow-x:auto}.xa-table{width:100%;border-collapse:collapse;min-width:650px}.xa-table th,.xa-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #3d4663;vertical-align:top}.xa-table th{color:#c8b8f5;font-size:.87rem}.xa-table td{color:#e8e9f7;overflow-wrap:anywhere}.xa-pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.xa-pager a,.xa-pager span{padding:8px 12px;border-radius:8px;background:#202a48;color:#fff;text-decoration:none}.xa-pager a:hover{background:#573c8c}.xa-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.xa-filter label{display:flex;flex-direction:column;gap:5px;color:#c5c9e5}.xa-filter select,.xa-filter input{width:auto;min-width:100px;margin:0}.xa-subtle{color:#a6b0d1}.xa-tag{font-size:.8rem;background:#293c5e;color:#c5dfff;border-radius:7px;padding:4px 8px;display:inline-block}
@media(max-width:900px){.xa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.xa-kpis{grid-template-columns:1fr}}

/* v1.5.7 self-contained, IIS-safe platform artwork. The mark is 1/4 of a 200px tile. */
.xs-stream-section{padding:48px 0 56px;background:radial-gradient(ellipse 75% 90% at 50% 45%,#39165d 0%,#160a2a 52%,#0d0718 100%);border-block:1px solid #4c2872}
.xs-stream-title{text-align:center;color:#fff;margin:0 0 25px;letter-spacing:.02em}
.xs-stream-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1160px;margin:0 auto}
.xs-stream-card{width:200px;min-height:222px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden;border:1px solid #8555b45c;border-radius:22px;background:radial-gradient(circle at 50% 35%,#4e207e55,#170b2d 65%,#10091e);box-shadow:0 12px 30px #05020e99,inset 0 1px #c899ff25;text-decoration:none;color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.xs-stream-card:hover,.xs-stream-card:focus-visible{transform:translateY(-5px);border-color:#e4a4ff;box-shadow:0 15px 34px #a444fa55,inset 0 1px #c899ff55;outline-offset:3px}
.xs-stream-orbit{position:relative;display:grid;place-items:center;width:140px;height:140px;isolation:isolate}
.xs-stream-orbit:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#d781ff45 0%,#8634c533 48%,transparent 73%);filter:blur(6px)}
.xs-stream-orbit:after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px solid #f5bdff80;box-shadow:0 0 20px #c85eff66,0 0 38px #903bff44}
.xs-stream-petal{position:absolute;left:50%;top:50%;width:32px;height:63px;margin-left:-16px;margin-top:-63px;transform-origin:50% 100%;border:1px solid #d28fff88;border-radius:85% 85% 18% 18%;background:linear-gradient(180deg,#c263f755,#813cbd33 60%,transparent);box-shadow:0 0 11px #b24dff55}
.xs-petal-1{transform:rotate(0deg)}.xs-petal-2{transform:rotate(60deg)}.xs-petal-3{transform:rotate(120deg)}.xs-petal-4{transform:rotate(180deg)}.xs-petal-5{transform:rotate(240deg)}.xs-petal-6{transform:rotate(300deg)}
.xs-stream-logo{position:relative;z-index:2;display:grid;place-items:center;width:50px;height:50px;filter:drop-shadow(0 3px 9px #0009)}
.xs-stream-logo svg{display:block;width:50px;height:50px;max-width:none;max-height:none}
.xs-stream-name{font-size:1rem;font-weight:750;text-align:center;line-height:1.25;position:relative;z-index:2;padding:0 8px}
@media(max-width:520px){.xs-stream-grid{gap:12px}.xs-stream-card{width:calc(50% - 7px);min-height:194px}.xs-stream-orbit{transform:scale(.88);margin:-8px 0}.xs-stream-name{font-size:.94rem}}



/* v1.6.0: 150px platform icons, compact vector payload, browser-cacheable assets. */
.xs-stream-section{padding:36px 0 44px!important}
.xs-stream-title{margin-bottom:20px!important}
.xs-stream-grid{gap:16px!important;max-width:1160px!important}
.xs-stream-card{width:220px!important;min-height:236px!important;padding:16px 12px!important;gap:8px!important;border-radius:20px!important}
.xs-stream-orbit{width:170px!important;height:170px!important;transform:none!important;margin:0!important}
.xs-stream-orbit:before,.xs-stream-orbit:after,.xs-stream-petal{display:none!important}
.xs-stream-logo{width:150px!important;height:150px!important;display:grid;place-items:center}
.xs-stream-logo img{display:block;width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:contain;aspect-ratio:1}
.xs-stream-name{font-size:1rem!important}
@media(max-width:520px){.xs-stream-grid{gap:10px!important}.xs-stream-card{width:calc(50% - 6px)!important;min-height:210px!important;padding:10px 5px!important}.xs-stream-orbit{width:150px!important;height:150px!important}}


/* v1.6.1: fixed-size grid, 20% smaller marks, independently centered labels.
   Explicit grid cells prevent inherited link/inline styling from shifting text. */
.xs-stream-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;justify-content:center!important;max-width:1050px!important;margin-inline:auto!important}
.xs-stream-grid>.xs-stream-card{box-sizing:border-box!important;display:grid!important;grid-template-rows:142px 42px!important;grid-template-columns:minmax(0,1fr)!important;place-items:center!important;align-content:center!important;width:100%!important;min-width:0!important;min-height:218px!important;height:218px!important;padding:12px 8px!important;margin:0!important;gap:8px!important;text-align:center!important;text-decoration:none!important;vertical-align:top!important}
.xs-stream-card>.xs-stream-orbit{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:142px!important;height:142px!important;min-height:142px!important;transform:none!important;margin:0!important;padding:0!important}
.xs-stream-orbit>.xs-stream-logo{display:grid!important;place-items:center!important;width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;margin:0!important;padding:0!important}
.xs-stream-logo>img{display:block!important;width:120px!important;height:120px!important;min-width:120px!important;max-width:120px!important;min-height:120px!important;max-height:120px!important;object-fit:contain!important;margin:0!important;padding:0!important}
.xs-stream-card>.xs-stream-name{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 4px!important;line-height:1.25!important;font-size:1rem!important;font-weight:700!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important}
@media(max-width:850px){.xs-stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:520px){.xs-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.xs-stream-grid>.xs-stream-card{min-height:204px!important;height:204px!important;grid-template-rows:136px 42px!important}.xs-stream-card>.xs-stream-orbit{width:136px!important;height:136px!important;min-height:136px!important}}
@media(max-width:340px){.xs-stream-grid{grid-template-columns:1fr!important}}

/* v1.6.2: smaller streaming marks and consistent contact/member sign-in layouts */
.xs-stream-grid>.xs-stream-card{grid-template-rows:116px 42px!important;height:192px!important;min-height:192px!important}
.xs-stream-card>.xs-stream-orbit{width:116px!important;height:116px!important;min-height:116px!important}
.xs-stream-orbit>.xs-stream-logo{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important}
.xs-stream-logo>img{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;max-width:96px!important;max-height:96px!important}
@media(max-width:520px){.xs-stream-grid>.xs-stream-card{grid-template-rows:116px 42px!important;height:190px!important;min-height:190px!important}.xs-stream-card>.xs-stream-orbit{width:116px!important;height:116px!important;min-height:116px!important}}
.xs-form-section{padding:64px 0 90px}
.xs-form-container{max-width:790px}
.xs-login-container{max-width:540px}
.xs-form-intro{text-align:center;margin:0 auto 28px;max-width:640px}
.xs-form-eyebrow{display:inline-block;color:#c6a0ff;font-size:.78rem;letter-spacing:.16em;font-weight:800;margin-bottom:8px}
.xs-form-intro h1{font-size:clamp(2rem,4vw,2.7rem);line-height:1.2;margin:0 0 10px}
.xs-form-intro p{margin:0;color:#cbb9dc;font-size:.98rem}
.xs-form-panel{padding:clamp(20px,4vw,36px);border:1px solid #65417f;border-radius:22px;background:linear-gradient(155deg,#251437,#180f29);box-shadow:0 20px 60px #07030d55}
.xs-form{display:flex;flex-direction:column;gap:18px}
.xs-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.xs-field{min-width:0}
.xs-field label{display:block;font-size:.9rem;font-weight:700;margin-bottom:7px;color:#f0e7fa}
.xs-field label span{color:#cf9cff}
.xs-field input,.xs-field textarea{display:block;width:100%;margin:0!important;border:1px solid #59406f;border-radius:11px;background:#110b1c;color:#f7f1ff;padding:13px 15px;font:inherit;line-height:1.45;min-height:48px;transition:border-color .2s,box-shadow .2s}
.xs-field textarea{min-height:145px;resize:vertical}
.xs-field input:focus,.xs-field textarea:focus{outline:none;border-color:#bd8aff;box-shadow:0 0 0 3px #bd8aff30}
.xs-field input::placeholder,.xs-field textarea::placeholder{color:#9f90ae}
.xs-label-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.xs-label-line a,.xs-form-bottom a{color:#d2a9ff;font-weight:700}
.xs-label-line a:hover,.xs-form-bottom a:hover{text-decoration:underline}
.xs-form-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:2px}
.xs-captcha{max-width:100%;overflow:visible}
.xs-submit{min-width:160px;min-height:46px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:15px}
.xs-form-bottom{margin-top:24px;padding-top:21px;border-top:1px solid #543766;text-align:center;color:#d4c5e0;font-size:.94rem}
@media(max-width:620px){.xs-form-section{padding:42px 0 66px}.xs-form-row{grid-template-columns:1fr;gap:18px}.xs-form-panel{padding:20px}.xs-form-intro{margin-bottom:22px}.xs-form-actions{gap:15px}}


/* v1.6.3: 25% smaller marks (96 -> 72px), evenly spaced across the row. */
.xs-stream-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:1100px!important;margin:0 auto!important;justify-content:stretch!important;align-items:stretch!important}
.xs-stream-grid>.xs-stream-card{width:100%!important;height:174px!important;min-height:174px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:102px 40px!important;align-content:center!important;justify-items:center!important;gap:8px!important;padding:10px 8px!important;box-sizing:border-box!important}
.xs-stream-card>.xs-stream-orbit{width:96px!important;height:96px!important;min-height:96px!important;display:grid!important;place-items:center!important;margin:0!important;transform:none!important}
.xs-stream-orbit>.xs-stream-logo{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important;display:grid!important;place-items:center!important}
.xs-stream-logo>img{display:block!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important}
.xs-stream-card>.xs-stream-name{height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important;line-height:1.2!important}
@media(max-width:850px){.xs-stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:520px){.xs-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.xs-stream-grid>.xs-stream-card{height:174px!important;min-height:174px!important;grid-template-rows:102px 40px!important}}
@media(max-width:340px){.xs-stream-grid{grid-template-columns:1fr!important}}

/* v1.6.4 — mobile-first refinements: navigation, rhythm, forms, media */
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-wrap:break-word}
img,video,iframe,svg{max-width:100%}
img,video{height:auto}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #d5a9ff;outline-offset:3px}
.mobile-menu-toggle{display:none}
.nav .wrap{gap:16px}
.nav .brand{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:clamp(.8rem,1.3vw,1rem)}
.nav .brand img{flex:none}
.nav .menu a{display:inline-flex;align-items:center;min-height:40px}
.section{padding-block:clamp(42px,6vw,76px)}
.section h2{font-size:clamp(1.55rem,4.5vw,2.2rem);line-height:1.2}
.card{min-width:0}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.xs-stream-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(8px,1.3vw,16px)!important}
.xs-stream-grid>.xs-stream-card{min-width:0!important}
.xs-stream-card>.xs-stream-name{overflow-wrap:anywhere!important}
.xs-form-panel{max-width:100%}
.xs-field input,.xs-field textarea{font-size:16px}
.xs-captcha{max-width:100%;overflow-x:auto}
.footer{padding-block:30px}
@media(max-width:860px){
 .nav .wrap{position:relative;min-height:66px;padding:10px 0}
 .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none;width:44px;height:44px;margin-left:auto;border:1px solid #755396;border-radius:12px;background:#261536;color:#fff;cursor:pointer}
 .mobile-menu-toggle span{display:block;width:21px;height:2px;border-radius:3px;background:#f5e7ff;transition:transform .2s,opacity .2s}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .nav .menu{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;gap:3px;padding:12px;background:#1a0e2a;border:1px solid #60417a;border-radius:0 0 16px 16px;box-shadow:0 16px 28px #07030dba;max-height:calc(100dvh - 78px);overflow-y:auto}
 .nav .menu.is-open{display:flex}
 .nav .menu a{display:flex;min-height:46px;padding:10px 14px;border-radius:10px;font-size:1rem}
 .nav .menu a:hover,.nav .menu a:focus-visible{background:#3d2557}
 .hero{min-height:min(70svh,680px);padding-block:72px}
 .xs-stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
 .wrap{width:min(100% - 32px,1120px)}
 .nav .brand{letter-spacing:.05em;font-size:.86rem}
 .nav .brand img{width:30px;height:30px}
 .hero{min-height:62svh;padding-block:55px}
 .hero h1{font-size:clamp(2.4rem,12vw,4.5rem);overflow-wrap:anywhere}
 .hero h2{font-size:clamp(1.35rem,6vw,2rem)}
 .hero p{font-size:1rem}
 .buttons{gap:10px}
 .buttons .btn{flex:1 1 150px;text-align:center}
 .xs-stream-section{padding-block:30px!important}
 .xs-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .xs-stream-grid>.xs-stream-card{height:156px!important;min-height:156px!important;grid-template-rows:88px 40px!important;padding:9px 5px!important;border-radius:15px!important}
 .xs-stream-card>.xs-stream-orbit{height:88px!important;min-height:88px!important;width:88px!important}
 .xs-stream-card>.xs-stream-name{font-size:.84rem!important;line-height:1.2!important;padding:0 2px!important}
 .xs-form-section{padding-block:34px 55px}
 .xs-form-intro{margin-bottom:18px}
 .xs-form-panel{padding:18px;border-radius:17px}
 .xs-form-row{grid-template-columns:minmax(0,1fr)}
 .xs-submit{width:100%;min-height:48px}
 .xs-form-bottom{line-height:1.6}
 .analytics-chart{padding:12px}
 .xa-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
 .xa-tabs a{flex:none}
 .xa-panel{padding:15px}
 .xa-kpis{gap:10px}
 .xa-kpi{padding:16px;min-height:130px}
 .xa-kpi .xa-value{font-size:1.5rem}
 .xa-filter{align-items:stretch}
 .xa-filter label{flex:1 1 135px}
 .xa-filter select,.xa-filter input{width:100%;min-width:0}
 .footer{text-align:center}
}
@media(max-width:340px){
 .xs-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .xs-stream-grid>.xs-stream-card{padding:7px 2px!important}
 .xs-stream-card>.xs-stream-name{font-size:.76rem!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.xs-stream-card,.mobile-menu-toggle span{transition:none!important}}

/* v1.6.10: form submission progress */
.xs-processing{cursor:wait!important;opacity:.85;pointer-events:none}
.xs-button-spinner{display:inline-block;width:17px;height:17px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:xs-button-spin .7s linear infinite}
@keyframes xs-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.xs-button-spinner{animation-duration:1.5s}}

/* v1.6.11 social network landing page */
.xs-social-hero{padding-bottom:0;background:radial-gradient(ellipse at 50% 0%,#57327a66,transparent 70%)}
.xs-social-hero .xs-form-intro{max-width:760px}
.xs-social-hero h1{font-size:clamp(2.1rem,6vw,3.6rem)}
.xs-social-hero+.xs-stream-section{padding-top:20px}
.xs-social-bottom{padding-top:12px;text-align:center}
.xs-stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:950px;margin-inline:auto}
@media(min-width:861px){.xs-stream-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:1200px}}
@media(max-width:560px){.xs-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v1.6.12 member library and member management */
.xs-member-page{background:radial-gradient(ellipse at 52% 0,#4c26714d,transparent 48%);min-height:70vh}
.xs-member-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.xs-member-hero h1{font-size:clamp(2rem,4.5vw,3rem);margin:5px 0 10px}
.xs-member-hero p{color:#c9b7d9;margin:0}
.xs-member-tier,.xs-member-total{border:1px solid #79559b;background:#3a2352;color:#e8d5ff;border-radius:999px;padding:9px 14px;white-space:nowrap;font-size:.85rem}
.xs-member-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.xs-member-actions a{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #5b3d77;background:#241532;border-radius:13px;padding:13px 18px;color:#f3e7ff;text-decoration:none;transition:background .2s,transform .2s}
.xs-member-actions a:hover{background:#3a2254;transform:translateY(-2px)}
.xs-member-layout{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:26px;align-items:start}
.xs-member-side,.xs-member-post,.xs-member-empty{border:1px solid #65457e;background:linear-gradient(140deg,#251534,#1a1127);border-radius:18px}
.xs-member-side{padding:22px;position:sticky;top:85px}
.xs-member-side h2{font-size:1.15rem;margin:0 0 16px}
.xs-member-side>p{color:#ac99bd;font-size:.86rem;line-height:1.65;margin:22px 4px 0}
.xs-member-nav{display:flex;flex-direction:column;gap:5px}
.xs-member-nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 13px;border-radius:11px;text-decoration:none;color:#e4d3f3}
.xs-member-nav a:hover,.xs-member-nav a.is-active{background:#63368b;color:#fff}
.xs-count{border-radius:99px;background:#ffffff1b;padding:2px 9px;font-size:.78rem}
.xs-member-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}
.xs-member-section-heading h2{margin:4px 0 0}
.xs-member-posts{display:grid;gap:18px}
.xs-member-post{padding:clamp(20px,3vw,30px);min-width:0}
.xs-member-post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#bea9ce;font-size:.8rem}
.xs-kind-tag{background:#69418b;color:#fff;border-radius:999px;padding:5px 11px}
.xs-member-post h3{font-size:clamp(1.2rem,2.4vw,1.5rem);margin:17px 0 10px}
.xs-member-excerpt{color:#d5c7df;line-height:1.75;white-space:normal;overflow-wrap:anywhere}
.xs-member-details summary{cursor:pointer;color:#d4a7ff;font-weight:700;padding:10px 0;list-style:none}
.xs-member-details summary::-webkit-details-marker,.xs-member-manage-details summary::-webkit-details-marker{display:none}
.xs-member-details summary span{margin-left:6px}
.xs-member-article{border-top:1px solid #604479;padding-top:20px;margin-top:8px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}
.xs-member-empty{text-align:center;padding:45px 20px;color:#d8c4e9}
.xs-admin-members-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.xs-admin-members-heading h1{margin:4px 0 8px;font-size:clamp(1.8rem,3vw,2.4rem)}
.xs-admin-members-heading p,.xs-member-management-head p,.xs-invite-intro p{color:#b7b3ce;margin:0}
.xs-member-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.xs-member-stat{background:#191b30;border:1px solid #373957;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
.xs-member-stat span{font-size:.85rem;color:#c5c0d9}
.xs-member-stat strong{font-size:clamp(1.4rem,3vw,2.1rem)}
.xs-admin-member-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #45445f;margin-bottom:22px}
.xs-admin-member-tabs a{padding:13px 19px;text-decoration:none;color:#c6c2db;border-radius:10px 10px 0 0}
.xs-admin-member-tabs a:hover,.xs-admin-member-tabs a.is-active{background:#35264f;color:#fff}
.xs-admin-member-tabs a.is-active{box-shadow:inset 0 -3px #ab7cff}
.xs-member-management{padding:24px!important}
.xs-member-management-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.xs-member-management-head h2,.xs-invite-intro h2{margin:0 0 6px}
.xs-member-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px}
.xs-member-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 150px;font-size:.84rem;color:#c9c5df}
.xs-member-filters label:first-child{flex:2 1 210px}
.xs-member-filters input,.xs-member-filters select,.xs-admin-invite-grid input,.xs-member-edit-form select{width:100%;margin:0;min-height:45px}
.xs-member-filters .btn{min-height:45px}
.xs-member-directory{display:grid;gap:10px}
.xs-member-row{background:#121427;border:1px solid #343750;border-radius:14px;padding:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.xs-member-identity{display:flex;align-items:center;gap:14px;min-width:0}
.xs-member-avatar{width:45px;height:45px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#8050b4,#47336d);font-weight:800}
.xs-member-identity h3{font-size:1rem;margin:0 0 4px}
.xs-member-identity p{color:#c7c2d9;margin:0 0 4px;overflow-wrap:anywhere}
.xs-member-identity small{color:#9692ae}
.xs-member-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.xs-status,.xs-tier{font-size:.78rem;border-radius:99px;padding:5px 11px;background:#2d2e4a;color:#e7e4f3}
.xs-status-active{background:#1c4d3e;color:#b8f7d9}.xs-status-pending{background:#594321;color:#ffe6a2}.xs-status-blocked{background:#592d3e;color:#ffd3de}
.xs-member-manage-details{grid-column:1/-1;border-top:1px solid #30334a;padding-top:9px}
.xs-member-manage-details summary{cursor:pointer;display:flex;justify-content:space-between;color:#cda7ff;font-weight:700;padding:6px 0}
.xs-member-manage-actions{padding-top:16px;display:grid;gap:14px}
.xs-member-edit-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.xs-member-edit-form label{display:flex;flex-direction:column;gap:6px;flex:1 1 140px;font-size:.85rem}
.xs-member-secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.xs-member-secondary-actions form{display:inline-flex}
.xs-member-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:24px}
.xs-member-pagination>div{display:flex;gap:10px}
.xs-invite-panel{padding:28px!important;max-width:900px}
.xs-invite-intro{margin-bottom:24px}
.xs-admin-invite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.xs-admin-invite-grid label{display:block;margin-bottom:8px;font-weight:700}
@media(max-width:800px){.xs-member-layout{grid-template-columns:1fr}.xs-member-side{position:static}.xs-member-nav{flex-direction:row;overflow-x:auto;padding-bottom:6px}.xs-member-nav a{flex:none}.xs-member-side>p{display:none}.xs-member-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.xs-member-hero,.xs-admin-members-heading{align-items:flex-start;flex-direction:column}.xs-member-actions a{flex:1 1 100%}.xs-member-section-heading,.xs-member-management-head{align-items:flex-start;flex-direction:column}.xs-member-row{grid-template-columns:1fr}.xs-member-row-meta{padding-left:59px}.xs-admin-invite-grid{grid-template-columns:1fr}.xs-member-management{padding:16px!important}.xs-member-filters{align-items:stretch}.xs-member-filters label{flex:1 1 100%}}


/* Album streaming destinations */
.xs-album-admin-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.xs-album-admin-head h1{margin-bottom:5px}.xs-album-admin-form{margin-bottom:24px}.xs-album-admin-form form{display:grid;gap:18px}.xs-album-admin-form label{display:block;font-weight:600}.xs-album-admin-form label>input,.xs-album-admin-form label>textarea{margin-top:8px;width:100%}.xs-album-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.xs-album-checks{display:flex;flex-wrap:wrap;gap:22px}.xs-album-checks label{display:flex;gap:9px;align-items:center}.xs-album-checks input{width:auto}.xs-streaming-fieldset{border:1px solid #554367;border-radius:15px;padding:20px;min-width:0}.xs-streaming-fieldset legend{font-weight:700;padding:0 8px}.xs-streaming-input{display:grid!important;grid-template-columns:30px 135px minmax(0,1fr);gap:13px;align-items:center;margin-top:14px}.xs-streaming-input img{object-fit:contain}.xs-streaming-input input{margin:0!important;min-width:0}.xs-album-directory{display:grid;gap:12px}.xs-album-directory-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #45415d;border-radius:12px;padding:14px}.xs-album-directory-row small{display:block;color:#bcb4ce;margin-top:5px}.xs-album-directory-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.xs-platform-link{display:inline-flex!important;align-items:center;gap:10px}.xs-platform-link img{width:24px;height:24px;object-fit:contain}.xs-platform-link span{opacity:.7}@media(max-width:680px){.xs-album-form-grid{grid-template-columns:1fr}.xs-streaming-input{grid-template-columns:30px 1fr}.xs-streaming-input input{grid-column:1/-1}.xs-album-directory-row,.xs-album-admin-head{align-items:flex-start;flex-direction:column}}
