html[data-theme] body:has(.tc-sidebar){background-color:var(--ui-bg)!important;font-family:var(--ui-font)}
html[data-theme] body.tc-interior{--ip-border:var(--ui-border);--ip-muted:var(--ui-muted);--ip-surface:var(--ui-surface);--ip-field:var(--ui-raised)}
html[data-theme] body.tc-faucet-page{--fc-line:var(--ui-border);--fc-muted:var(--ui-muted);--fc-surface:var(--ui-surface);--fc-deep:var(--ui-surface)}
html[data-theme] body .tc-wallet-conversion{--wc-surface:var(--ui-raised);--wc-line:var(--ui-border);--wc-text:var(--ui-text);--wc-muted:var(--ui-muted)}
html[data-theme] body .tc-sidebar{background:var(--ui-surface)!important;color:var(--ui-text)}
html[data-theme] body .tc-nav-group{background:var(--ui-raised);border-radius:var(--ui-radius)}
html[data-theme] body .tc-nav-group a{color:var(--ui-muted)}
html[data-theme] body .tc-nav-group a.is-active{color:var(--ui-text);background:var(--ui-raised);box-shadow:none}
html[data-theme] body .tc-nav-preferences{border-color:var(--ui-border)}
html[data-theme] body :is(.tc-task-card,.tc-task-submission){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}
html[data-theme] body.tc-interior .card_holder{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}
html[data-theme] body .tc-interior-heading{background-image:var(--ui-decoration)}

.ui-brand-footer{width:200px;max-width:100%;height:auto;margin:10px auto}
/* Navigation state colors follow the current mode/skin at every nesting depth. */
html[data-theme] body .tc-sidebar :is(a:hover,a:focus-visible,.tc-nav-logout:hover,.tc-nav-logout:focus-visible){background:var(--ui-nav-hover)!important;color:var(--ui-text)!important}
html[data-theme] body .tc-sidebar :is(a:hover,a:focus-visible,.tc-nav-logout:hover,.tc-nav-logout:focus-visible) :is(i,svg){color:inherit!important}

html[data-theme] body .tc-sidebar a.is-active :is(i,svg){color:var(--ui-success)!important}

/* An available gift is a quiet navigation reminder, never a page banner. */
html[data-theme] body .tc-sidebar a.has-gift i {color:var(--ui-success)!important;animation:tc-gift-reminder 14s ease-in-out infinite;transform-origin:50% 65%;}
@keyframes tc-gift-reminder {0%,92%,100%{transform:rotate(0)}94%{transform:rotate(-14deg)}96%{transform:rotate(14deg)}98%{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce){html[data-theme] body .tc-sidebar a.has-gift i{animation:none}}