@font-face{font-family:"Clarity City";src:url("fonts/ClarityCity-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Clarity City";src:url("fonts/ClarityCity-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Clarity City";src:url("fonts/ClarityCity-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clarity City";src:url("fonts/ClarityCity-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Clarity City";src:url("fonts/ClarityCity-Black.woff2") format("woff2");font-weight:800 900;font-display:swap}

html[data-theme="testbw"][data-mode="dark"],
html.streamrly-unified-page[data-mode="dark"]{
  --f-acc:#02ECFC; --f-on:#01091D; --f-strip:linear-gradient(90deg,#E2F5FC 0 14.2857%,#93F8FA 14.2857% 28.5714%,#02ECFC 28.5714% 42.8571%,#0242FB 42.8571% 57.1429%,#484AFA 57.1429% 71.4286%,#A730FA 71.4286% 85.7143%,#F607FC 85.7143% 100%);
  --tc-strip:var(--f-strip);
  --bg1:#070A12; --bg2:#0B0F1A; --bg:#070A12;
  --text:#FFFFFF; --muted:#A7B0C4;
  --border:rgba(226,245,252,.12); --line:rgba(226,245,252,.12); --soft:rgba(226,245,252,.06);
  --card:#0E1420; --panel:rgba(10,15,27,.82);
  --deep:#0B0F1A; --deep-text:#FFFFFF; --deep-text-muted:#C3CCDD;
  --accent:#02ECFC; --accent-strong:#93F8FA; --accent-on-deep:#93F8FA;
  --glass:rgba(10,15,27,.70); --glass-strong:rgba(10,15,27,.82);
  --glass-hover:rgba(2,236,252,.10); --glass-outline:rgba(2,236,252,.55);
  --ink-wash:rgba(226,245,252,.04); --ink-wash-strong:rgba(226,245,252,.07);
  --ring:0 0 0 3px rgba(2,236,252,.20);
  --btn:#02ECFC; --btn-hover:#93F8FA;
  --ok:#00F078; --warn:#FFB000; --danger:#FF2B33; --bad:#FF2B33;
  --okBorder:rgba(0,240,120,.45); --warnBorder:rgba(255,176,0,.45); --dangerBorder:rgba(255,43,51,.50);
  --blue:rgba(2,66,251,.16); --blueBorder:rgba(2,66,251,.50);
  --purple:rgba(167,48,250,.16); --purpleBorder:rgba(167,48,250,.50);
  --shadow:0 24px 64px rgba(0,0,0,.45);
}
html[data-theme="testbw"][data-mode="light"],
html.streamrly-unified-page[data-mode="light"]{
  --f-acc:#0242FB; --f-on:#FFFFFF; --f-strip:linear-gradient(90deg,#E2F5FC 0 14.2857%,#93F8FA 14.2857% 28.5714%,#02ECFC 28.5714% 42.8571%,#0242FB 42.8571% 57.1429%,#484AFA 57.1429% 71.4286%,#A730FA 71.4286% 85.7143%,#F607FC 85.7143% 100%);
  --tc-strip:var(--f-strip);
  --bg1:#FFFFFF; --bg2:#F4F7FB; --bg:#FFFFFF;
  --text:#0B0F1A; --muted:#4A5366;
  --border:rgba(18,21,28,.12); --line:rgba(18,21,28,.12); --soft:rgba(18,21,28,.05);
  --card:#FFFFFF; --panel:#FFFFFF;
  --deep:#0B0F1A; --deep-text:#FFFFFF; --deep-text-muted:#C3CCDD;
  --accent:#0242FB; --accent-strong:#01091D; --accent-on-deep:#93F8FA;
  --glass:rgba(255,255,255,.88); --glass-strong:#FFFFFF;
  --glass-hover:rgba(2,66,251,.08); --glass-outline:rgba(2,66,251,.45);
  --ink-wash:rgba(18,21,28,.04); --ink-wash-strong:rgba(18,21,28,.07);
  --ring:0 0 0 3px rgba(2,66,251,.18);
  --btn:#0242FB; --btn-hover:#484AFA;
  --ok:#00A854; --warn:#C98200; --danger:#E0141C; --bad:#E0141C;
  --okBorder:rgba(0,168,84,.45); --warnBorder:rgba(201,130,0,.45); --dangerBorder:rgba(224,20,28,.45);
  --blue:rgba(2,66,251,.08); --blueBorder:rgba(2,66,251,.40);
  --purple:rgba(167,48,250,.08); --purpleBorder:rgba(167,48,250,.40);
  --shadow:0 24px 60px rgba(20,40,70,.16);
}

html.streamrly-unified-page[data-mode="dark"],
html[data-theme="testbw"][data-mode="dark"]:has(body.info-page){
  background:
    radial-gradient(90vw 70vh at 0 0, rgba(2,236,252,.22) 0%, rgba(2,236,252,.09) 30%, transparent 65%),
    radial-gradient(70vw 60vh at 100% 8%, rgba(246,7,252,.13) 0%, rgba(246,7,252,.055) 30%, transparent 65%),
    radial-gradient(90vw 80vh at 100% 70%, rgba(167,48,250,.22) 0%, rgba(167,48,250,.10) 30%, transparent 65%),
    radial-gradient(80vw 80vh at 0 100%, rgba(2,66,251,.22) 0%, rgba(2,66,251,.10) 30%, transparent 65%),
    linear-gradient(180deg,#070A12,#0B0F1A) !important;
  background-attachment:fixed !important;
}
html.streamrly-unified-page[data-mode="light"],
html[data-theme="testbw"][data-mode="light"]:has(body.info-page){
  background:
    linear-gradient(90deg,rgba(226,245,252,.05) 0 14.2857%,rgba(147,248,250,.05) 14.2857% 28.5714%,rgba(2,236,252,.05) 28.5714% 42.8571%,rgba(2,66,251,.04) 42.8571% 57.1429%,rgba(72,74,250,.04) 57.1429% 71.4286%,rgba(167,48,250,.04) 71.4286% 85.7143%,rgba(246,7,252,.04) 85.7143% 100%),
    linear-gradient(180deg,#FFFFFF,#F4F7FB) !important;
  background-attachment:fixed !important;
}

html.streamrly-unified-page body,
html[data-theme="testbw"] body.info-page,
html[data-mode] body#home{
  font-family:"Clarity City",system-ui,-apple-system,"Segoe UI",sans-serif !important;
  letter-spacing:0;
}
html.streamrly-unified-page :is(button,input,select,textarea,.btn,.pill),
html[data-theme="testbw"] body.info-page :is(button,input,select,textarea),
html[data-mode] body#home :is(button,input,select,textarea){font-family:"Clarity City",system-ui,sans-serif !important}

html.streamrly-unified-page :is(code,pre,.hash,kbd){font-family:"Cascadia Code",Consolas,"SF Mono",monospace !important}

html.streamrly-unified-page[data-mode] body > :where(.topbar,.top){
  background:#0B0F1A !important; border-color:rgba(226,245,252,.10) !important; border-radius:0 0 4px 4px;
}
html.streamrly-unified-page[data-mode] header.topbar::after{background:var(--f-strip) !important;background-attachment:scroll !important}
html.streamrly-unified-page body{box-shadow:inset 0 4px 0 #0B0F1A}
html.streamrly-unified-page body > :where(.topbar,.top) :where(.primary,.btn-primary,.pill.primary){
  background:#02ECFC !important; border-color:#02ECFC !important; color:#01091D !important;
}

html.streamrly-unified-page :where(.hero){
  background:#0B0F1A !important; border-color:rgba(226,245,252,.10) !important; position:relative; overflow:hidden;
}
html.streamrly-unified-page .hero::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--f-strip);pointer-events:none}

html.streamrly-unified-page :where(.card,.panel,.metric,.stat,.kv,.fact,.item,.auth-card,.note-box,.checkrow,.table-wrap,.funding-dialog,.box,.status){
  background:var(--glass-strong) !important; border-color:var(--border) !important; box-shadow:none !important;
}
html[data-mode="light"].streamrly-unified-page :where(.card,.panel,.metric,.stat,.auth-card,.table-wrap,.box){box-shadow:0 1px 0 rgba(18,21,28,.04) !important}

html.streamrly-unified-page :where(button,.btn,.pill,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.pill){
  background:transparent !important; border-color:color-mix(in srgb,var(--text),transparent 62%) !important; color:var(--text) !important; font-weight:800;
}
html.streamrly-unified-page :where(button,.btn,.pill,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.pill):hover{
  background:var(--glass-hover) !important; border-color:var(--accent) !important; color:var(--text) !important;
}
html.streamrly-unified-page :where(button.primary,a.primary,input.primary,.btn-primary,.pill.primary,.approve,.btn-ok){
  background:var(--btn) !important; border-color:var(--btn) !important; color:var(--f-on) !important;
}
html.streamrly-unified-page :where(button.primary,a.primary,input.primary,.btn-primary,.pill.primary,.approve,.btn-ok):hover{
  background:var(--btn-hover) !important; border-color:var(--btn-hover) !important; color:var(--f-on) !important;
}
html.streamrly-unified-page :where(.danger,.btn-danger,.reject,button.danger){
  background:color-mix(in srgb,var(--danger),transparent 84%) !important; border-color:var(--dangerBorder) !important; color:var(--text) !important;
}

html.streamrly-unified-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  background:var(--glass-strong) !important; border-color:var(--border) !important; color:var(--text) !important;
}
html.streamrly-unified-page :where(input[type="checkbox"],input[type="radio"],input[type="range"],progress){accent-color:var(--accent)}

html.streamrly-unified-page :where(th){color:var(--muted) !important;background:var(--ink-wash-strong) !important}

html.streamrly-unified-page :where(.badge,.tag,.chip,.status-badge){
  border-radius:2px !important; font-weight:800; letter-spacing:.04em;
}
html.streamrly-unified-page :where(.badge.ok,.badge-ok,.status.ok,.pass,.badge.active,.status.active){border-color:var(--okBorder) !important;background:color-mix(in srgb,var(--ok),transparent 86%) !important}
html.streamrly-unified-page :where(.badge.warn,.badge-warn,.status.warn,.warning){border-color:var(--warnBorder) !important;background:color-mix(in srgb,var(--warn),transparent 86%) !important}
html.streamrly-unified-page :where(.badge.bad,.badge-danger,.status.bad,.fail,.error){border-color:var(--dangerBorder) !important;background:color-mix(in srgb,var(--danger),transparent 86%) !important}

html.streamrly-unified-page :where(dialog,[role="dialog"],.modal){
  background:var(--card) !important; border-color:var(--border) !important; box-shadow:var(--shadow) !important;
}
html.streamrly-unified-page :where(dialog)::backdrop{background:rgba(1,9,29,.62)}

html.streamrly-unified-page :where(a){color:var(--accent)}
html.streamrly-unified-page :where(a:hover,a:focus-visible){color:var(--accent-strong)}
html.streamrly-unified-page ::selection{background:color-mix(in srgb,var(--accent),transparent 65%)}

html[data-theme="testbw"][data-mode] body.info-page{background:transparent !important;color:var(--text)}
html[data-theme="testbw"][data-mode] body.info-page .info-topbar{background:#0B0F1A !important;border-bottom-color:rgba(226,245,252,.10) !important;color:#fff}
html[data-theme="testbw"][data-mode] body.info-page .info-topbar :where(a,span,strong){color:#fff}
html[data-theme="testbw"][data-mode] body.info-page :where(a){color:var(--accent)}
html[data-theme="testbw"][data-mode] body.info-page .info-topbar a:hover{color:#02ECFC}
html[data-theme="testbw"][data-mode] body.info-page :where(section,article,.info-card,.info-section,.card){border-radius:4px}

html[data-mode] body#home :is(.tab-panel,.age-gate-dialog,.report-modal,.playlist-modal,.home-playlists-panel,.home-schedule-panel,.search-results-panel,.search-filter-panel,.aspect-mode-menu,.cmc-volume-panel){
  border-radius:4px !important;
}
html[data-mode] body#home :is(.tab-panel,.age-gate-dialog,.home-playlists-panel,.home-schedule-panel,.report-modal-dialog,.playlist-modal-dialog,[role="dialog"]):not(.home-landing){
  background-color:var(--card) !important; border-color:var(--border) !important;
}
html[data-mode] body#home :is(.age-gate-backdrop,.home-playlists-backdrop,.home-schedule-backdrop,.report-modal-backdrop,.playlist-modal-backdrop){background:rgba(1,9,29,.62) !important}
html[data-mode] body#home :is(.home-playlists-kicker,.home-schedule-kicker,.age-gate-eyebrow){
  color:var(--f-acc) !important; -webkit-text-fill-color:var(--f-acc) !important; font-weight:900 !important; letter-spacing:.14em !important; text-transform:uppercase;
}
html[data-mode] body#home .tab-panel :is(h2,h3),
html[data-mode] body#home [role="dialog"] :is(h2,h3){font-weight:900 !important;letter-spacing:-.005em}
html[data-mode] body#home :is(.tab-panel,[role="dialog"],.search-filter-bar) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  border-radius:4px !important; border-color:var(--border) !important;
}
html[data-mode] body#home :is(.tab-panel,[role="dialog"]) :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--f-acc)}
html[data-mode] body#home :is(.tab-panel,[role="dialog"],.search-filter-bar,.search-results-nav) button:not(.home-suggestion-card):not([class*="reaction"]){
  border-radius:4px !important;
}
html[data-mode] body#home :is(.search-filter-btn,.search-results-arrow){border-color:var(--border) !important}
html[data-mode] body#home :is(.search-filter-btn,.search-results-arrow):hover{border-color:var(--f-acc) !important}

html[data-mode] body#home :is(.tab-panel,.tab-panel .card):not(.home-landing){background-image:none !important}
html[data-mode] body#home :is(.account-auth-tab,.upload-settings-tab).active{
  background:var(--f-acc) !important; color:var(--f-on) !important; -webkit-text-fill-color:var(--f-on) !important; border-color:var(--f-acc) !important;
}
html[data-mode] body#home .tab-panel form button[type="submit"]{
  background:var(--f-acc) !important; color:var(--f-on) !important; -webkit-text-fill-color:var(--f-on) !important; border-color:var(--f-acc) !important; font-weight:800 !important;
}

html.streamrly-unified-page .hero :where(.status,.notice){
  background:none !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; border-radius:0 !important;
  color:var(--deep-text-muted) !important; -webkit-text-fill-color:currentColor !important;
}
html.streamrly-unified-page .hero :where(.status.ok,.status.success){color:var(--ok) !important}
html.streamrly-unified-page .hero :where(.status.warn){color:var(--warn) !important}
html.streamrly-unified-page .hero :where(.status.err,.status.error,.status.bad){color:var(--danger) !important}
html.streamrly-unified-page .hero :where(.status,.notice):empty{display:none !important}

:where(html.streamrly-unified-page) :where(body > header.topbar){position:relative}

html[data-mode] body#home :is(.account-panel,.upload-panel) .card{border-style:solid !important;border-width:1px !important;border-color:var(--f-line) !important;border-radius:4px !important}
html[data-mode] body#home :is(.account-auth-tabs,.upload-settings-tabs){border:1px solid var(--f-line) !important;border-radius:4px !important;background:rgba(255,255,255,.025);padding:4px;gap:4px}
html[data-mode] body#home .account-auth-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
html[data-mode] body#home :is(.account-auth-tab,.upload-settings-tab){font-family:"Clarity City",system-ui,sans-serif !important;font-size:12px !important;font-weight:900 !important;letter-spacing:.14em !important;text-transform:uppercase;min-height:42px}
html[data-mode] body#home :is(.account-panel,.upload-panel) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea){
  width:100% !important;min-height:44px;margin:0 0 10px !important;padding:10px 12px !important;
  font:400 15px/1.4 "Clarity City",system-ui,sans-serif !important;letter-spacing:.01em;
  color:var(--f-ink) !important;background:var(--f-field, rgba(255,255,255,.03)) !important;
  border:1px solid var(--f-line) !important;border-radius:4px !important;box-sizing:border-box
}
html[data-mode] body#home :is(.account-panel,.upload-panel) textarea{min-height:132px}
html[data-mode] body#home :is(.account-panel,.upload-panel) :is(input,select,textarea)::placeholder{font-family:"Clarity City",system-ui,sans-serif;color:var(--f-muted);opacity:1}
html[data-mode] body#home :is(.account-panel,.upload-panel) :is(input,select,textarea):focus{outline:none;border-color:var(--f-acc) !important;box-shadow:0 0 0 1px var(--f-acc) !important}
html[data-mode] body#home .upload-panel :is(.upload-release-date-field > label,.upload-type-panel > label,.upload-field-label,.upload-language-controls > label:not(.upload-language-toggle)){
  display:block;margin:14px 0 7px !important;color:var(--f-ink) !important;
  font-size:11px !important;font-weight:900 !important;letter-spacing:.14em !important;text-transform:uppercase
}
html[data-mode] body#home .upload-panel .upload-release-date-field{margin-top:4px}
html[data-mode] body#home :is(.account-panel,.upload-panel) form button[type="submit"],
html[data-mode] body#home .upload-panel #uploadBtn{
  font-family:"Clarity City",system-ui,sans-serif !important;font-size:13px !important;font-weight:900 !important;letter-spacing:.16em !important;text-transform:uppercase;
  min-height:46px;border-radius:4px !important
}
html[data-mode] body#home .upload-panel #uploadBtn{background:var(--f-acc) !important;color:var(--f-on) !important;-webkit-text-fill-color:var(--f-on) !important;border:1px solid var(--f-acc) !important;padding:10px 22px !important}
html[data-mode] body#home .upload-panel .upload-file-picker{border-radius:4px !important}
html[data-mode] body#home .upload-panel .upload-file-picker strong{letter-spacing:.14em;text-transform:uppercase;font-weight:900}
html[data-mode] body#home .upload-warnings-select{position:relative;margin:0 0 10px}
html[data-mode] body#home .upload-warnings-select > summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;
  min-height:44px;padding:10px 12px;font:400 15px/1.4 "Clarity City",system-ui,sans-serif;
  color:var(--f-ink);background:var(--f-field, rgba(255,255,255,.03));border:1px solid var(--f-line);border-radius:4px
}
html[data-mode] body#home .upload-warnings-select > summary::-webkit-details-marker{display:none}
html[data-mode] body#home .upload-warnings-select > summary::after{content:"";width:8px;height:8px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
html[data-mode] body#home .upload-warnings-select[open] > summary{border-color:var(--f-acc)}
html[data-mode] body#home .upload-warnings-select[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
html[data-mode] body#home .upload-warnings-select > summary:focus-visible{outline:none;border-color:var(--f-acc);box-shadow:0 0 0 1px var(--f-acc)}
html[data-mode] body#home .upload-warnings-select .upload-content-warnings-grid{margin-top:4px;padding:12px;border:1px solid var(--f-line);border-radius:4px;background:var(--card)}
html[data-mode] body#home .upload-warnings-select .upload-content-warnings-grid label{font-size:13px;min-height:28px;cursor:pointer}
@media (prefers-reduced-motion:reduce){html[data-mode] body#home .upload-warnings-select > summary::after{transition:none}}
html[data-mode] body#home .upload-panel .upload-type-panel{border:1px solid var(--f-line) !important;border-radius:4px !important}
html[data-mode] body#home .upload-settings-tab{letter-spacing:.1em !important}
html[data-mode] body#home .upload-warnings-select .upload-content-warnings-grid label{display:flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:.01em;font-weight:500;color:var(--f-ink)}
html[data-mode] body#home .account-gate-msg{margin:0 0 12px;padding:10px 12px;border:1px solid var(--f-acc);border-radius:4px;color:var(--f-ink);font-size:13px;font-weight:700;letter-spacing:.04em}
html[data-mode] body#home .account-gate-msg[hidden]{display:none}
html[data-mode] body#home nav#siteNav .search-wrap .search{overflow:hidden !important}
html[data-mode] body#home nav#siteNav #searchBtn{
  clip-path:none !important;-webkit-clip-path:none !important;isolation:auto;filter:none !important;transform:none !important;
  align-self:stretch;height:auto !important;min-height:100%;margin:0 !important;flex:0 0 var(--nv-search-h);
  border:0 !important;border-left:1px solid rgba(255,255,255,.16) !important;border-radius:0 3px 3px 0 !important;
  background:transparent !important;box-shadow:none !important;color:#fff;transition:background-color .15s ease,color .15s ease
}
html[data-mode] body#home nav#siteNav #searchBtn::before,
html[data-mode] body#home nav#siteNav #searchBtn::after{content:none !important;display:none !important}
html[data-mode] body#home nav#siteNav #searchBtn:hover,
html[data-mode] body#home nav#siteNav #searchBtn:focus-visible{background:rgba(2,236,252,.14) !important;outline:none}
html[data-mode] body#home nav#siteNav .search-wrap .search:focus-within #searchBtn{border-left-color:#02ECFC !important}
html[data-mode] body#home nav#siteNav #searchBtn:hover svg,
html[data-mode] body#home nav#siteNav #searchBtn:focus-visible svg{stroke:#02ECFC}
html[data-mode] body#home nav#siteNav #searchBtn:active{background:rgba(2,236,252,.24) !important}
@media (prefers-reduced-motion:reduce){html[data-mode] body#home nav#siteNav #searchBtn{transition:none}}
html[data-mode] body#home nav#siteNav .search-wrap,
html[data-mode] body#home nav#siteNav .search-wrap *,
html[data-mode] body#home nav#siteNav .search-wrap *::before,
html[data-mode] body#home nav#siteNav .search-wrap *::after{transition:none !important;animation:none !important}
html[data-mode] body#home nav#siteNav .search-wrap.layout-moving{will-change:auto}
html[data-mode="dark"]{color-scheme:dark}
html[data-mode="light"]{color-scheme:light}
html[data-mode="dark"] select option,
html[data-mode="dark"] select optgroup{background-color:#0B0F1A !important;color:#E2F5FC !important;-webkit-text-fill-color:#E2F5FC !important}
html[data-mode="light"] select option,
html[data-mode="light"] select optgroup{background-color:#FFFFFF !important;color:#0B0F1A !important;-webkit-text-fill-color:#0B0F1A !important}
html[data-mode] select option:disabled{color:#8A94A6 !important;-webkit-text-fill-color:#8A94A6 !important}
html[data-mode] select option:checked{background-color:#02ECFC !important;color:#01091D !important;-webkit-text-fill-color:#01091D !important}
html[data-mode="dark"] :is(input,textarea,select):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #121826 inset !important;-webkit-text-fill-color:#E2F5FC !important;caret-color:#E2F5FC}
html[data-mode="light"] :is(input,textarea,select):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important;-webkit-text-fill-color:#0B0F1A !important;caret-color:#0B0F1A}
html[data-mode] input::-webkit-calendar-picker-indicator{cursor:pointer}
html[data-mode] input::placeholder,html[data-mode] textarea::placeholder{opacity:1}
html[data-mode="dark"] input::placeholder,html[data-mode="dark"] textarea::placeholder{color:#8A94A6}
html[data-mode="light"] input::placeholder,html[data-mode="light"] textarea::placeholder{color:#5B6475}
html[data-mode="dark"]{--f-field:rgba(255,255,255,.03)}
html[data-mode="light"]{--f-field:#FFFFFF}
html[data-mode="light"] body#home :is(.account-panel,.upload-panel) :is(h2,h3,h4,label,legend,summary,.upload-field-label,.upload-file-copy strong,.upload-panel-heading h2){color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important}
html[data-mode="light"] body#home :is(.account-panel,.upload-panel) :is(p,.muted,.upload-file-copy span,.upload-type-note,.upload-language-note){color:var(--f-muted) !important;-webkit-text-fill-color:var(--f-muted) !important}
html[data-mode="light"] body#home :is(.account-panel,.upload-panel) :is(.account-auth-tab,.upload-settings-tab):not(.active){color:var(--f-ink2) !important;-webkit-text-fill-color:var(--f-ink2) !important}
html[data-mode="light"] body#home .upload-panel .upload-file-picker{background:#FFFFFF !important;border:1px solid var(--f-line) !important;box-shadow:none !important}
html[data-mode="light"] body#home .upload-panel .upload-file-icon{background:var(--f-acc) !important;color:var(--f-on) !important}
html[data-mode="light"] body#home :is(.account-panel,.upload-panel) :is(input,select,textarea){color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important}
html[data-mode="light"] body#home .upload-panel .upload-manage-link{color:var(--f-ink) !important;border-color:var(--f-line) !important}
html[data-mode="light"] body#home .tab-panel .close-btn{color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important;border:1px solid var(--f-line) !important;background:#FFFFFF !important}
html[data-mode] body#home .account-panel #accountLoggedInCard :is(p,#accountSummary,#accountActionMsg,span,strong){font-family:"Clarity City",system-ui,sans-serif !important;font-size:15px !important;line-height:1.5 !important;letter-spacing:.01em}
html[data-mode] body#home .account-panel #accountSummary{color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important;font-weight:600}
html[data-mode] body#home .account-panel #accountLoggedInCard p:not(#accountSummary){color:var(--f-muted) !important;-webkit-text-fill-color:var(--f-muted) !important;font-weight:400}
html[data-mode] body#home .account-panel #accountLoggedInCard h3{font-family:"Clarity City",system-ui,sans-serif !important;font-weight:900 !important}
html[data-mode] body#home .account-panel .account-management-actions{align-items:stretch}
html[data-mode] body#home .account-panel .account-management-actions :is(.account-management-link,#accountLogoutBtn){
  display:inline-flex !important;align-items:center;justify-content:center;min-height:46px;padding:10px 22px !important;
  font-family:"Clarity City",system-ui,sans-serif !important;font-size:13px !important;font-weight:900 !important;letter-spacing:.16em !important;text-transform:uppercase;
  border-radius:4px !important;box-shadow:none !important;cursor:pointer;text-decoration:none
}
html[data-mode] body#home .account-panel #accountLogoutBtn{background:transparent !important;border:1px solid var(--f-line) !important;color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important}
html[data-mode] body#home .account-panel #accountLogoutBtn:hover,
html[data-mode] body#home .account-panel #accountLogoutBtn:focus-visible{border-color:var(--f-acc) !important;color:var(--f-acc) !important;-webkit-text-fill-color:var(--f-acc) !important;outline:none}
html[data-mode] body#home .account-panel .account-management-actions .account-management-link{background:var(--f-acc) !important;border:1px solid var(--f-acc) !important;color:var(--f-on) !important;-webkit-text-fill-color:var(--f-on) !important}
html[data-mode] body#home .account-panel .account-management-actions .account-management-link:hover,
html[data-mode] body#home .account-panel .account-management-actions .account-management-link:focus-visible{filter:brightness(1.08);outline:none}