@import url("/site-aesthetic.css?v=20261018-lustre-v1");
@import url("/interface-refinement.css?v=20261026-accessible-polish-v1");
/* Shared StudyTick identity: exact 67:33 ring geometry in both themes.
   Logo inherits the host header surface and existing theme text/accent tokens.
   Never paint a rectangle behind the logo; keep navigation/layout unchanged. */
:root{
  --st-logo-primary:#141D21;--st-logo-secondary:#C5CCCE;
  --st-logo-study:var(--sc-text,#131D22);
  --st-logo-tick:var(--sc-accent-strong,#188061);
}
html[data-theme="dark"],html:not([data-theme]).st-brand-system-dark{
  --st-logo-primary:#B0E8D2;--st-logo-secondary:#404B4C;
  --st-logo-study:var(--sc-text,#EEF2F0);
  --st-logo-tick:var(--sc-accent-strong,#78D5B1);
}
.st-brand-root{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0;white-space:nowrap;text-decoration:none!important;text-transform:none!important;line-height:1!important}
.st-brand-lockup{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;direction:ltr!important;white-space:nowrap!important;line-height:1!important;vertical-align:middle!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
.st-brand-root{background:transparent!important;background-image:none!important;box-shadow:none!important}
.st-brand-lockup .st-brand-word,.st-brand-lockup .st-brand-study,.st-brand-lockup .st-brand-tick{background:transparent!important;background-image:none!important;box-shadow:none!important}
.st-brand-mark{width:36px!important;height:36px!important;display:block!important;flex:0 0 36px!important;overflow:visible!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.st-brand-mark circle{vector-effect:none;stroke-linecap:butt;stroke-linejoin:miter}
.st-brand-segment--primary{stroke:var(--st-logo-primary)}
.st-brand-segment--secondary{stroke:var(--st-logo-secondary)}
.st-brand-word{display:inline-flex!important;align-items:baseline!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:23px!important;font-weight:750!important;letter-spacing:-.055em!important;line-height:1!important;font-style:normal!important;text-transform:none!important;white-space:nowrap!important}
.st-brand-study{color:var(--st-logo-study)!important}
.st-brand-tick{color:var(--st-logo-tick)!important}
@media(max-width:380px){.st-brand-word{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){.st-brand-root,.st-brand-lockup,.st-brand-mark,.st-brand-word{transition:none!important;animation:none!important}}

/* Global logo motion — match the 24s turn + 8s glow of the leaderboard ring.
   Animate ONLY the existing SVG mark; never rotate the StudyTick wordmark.
   Original 67:33 dash geometry, ring size, theme colors and links remain intact. */
@keyframes stBrandRingTurn {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}
@keyframes stBrandRingGlowLight {
  0%,100% { filter:drop-shadow(0 0 4px rgba(20,29,33,.09)); }
  50% { filter:drop-shadow(0 0 10px rgba(20,29,33,.15)); }
}
@keyframes stBrandRingGlowDark {
  0%,100% { filter:drop-shadow(0 0 6px rgba(176,232,210,.16)); }
  50% { filter:drop-shadow(0 0 13px rgba(176,232,210,.28)); }
}
.st-brand-mark {
  transform-box:view-box;
  transform-origin:50% 50%;
  animation:stBrandRingTurn 24s linear infinite,
            stBrandRingGlowLight 8s ease-in-out infinite;
}
html[data-theme="dark"] .st-brand-mark,
html:not([data-theme]).st-brand-system-dark .st-brand-mark {
  animation-name:stBrandRingTurn,stBrandRingGlowDark;
}
/* Distraction-free and OS reduced-motion modes remain still. */
body.low-stimulation .st-brand-mark {
  animation:none!important;
  transform:none!important;
}
@media (prefers-reduced-motion:reduce) {
  .st-brand-mark {
    animation:none!important;
    transform:none!important;
  }
}

/* StudyTickApp wordmark lustre: match the transparent navy/mint ring.
   Only the letter fills shine; wrappers, sizing and hit targets stay untouched. */
:root {
  --st-brand-study-lustre:linear-gradient(108deg,#101d2d 0%,#2c455c 36%,#9fbfcb 50%,#234157 63%,#101d2d 100%);
  --st-brand-tick-lustre:linear-gradient(108deg,#08735d 0%,#139e81 36%,#acffe2 50%,#15977b 63%,#08735d 100%);
  --st-brand-lustre-depth:rgba(11,35,43,.15);
}
html[data-theme="dark"],html:not([data-theme]).st-brand-system-dark {
  --st-brand-study-lustre:linear-gradient(108deg,#c6d7e0 0%,#ecf5f8 36%,#ffffff 50%,#94b7cd 63%,#c6d7e0 100%);
  --st-brand-tick-lustre:linear-gradient(108deg,#58c9af 0%,#9debd7 36%,#e3fff6 50%,#3dc6a6 63%,#58c9af 100%);
  --st-brand-lustre-depth:rgba(17,25,31,.32);
}
@keyframes stBrandWordGleam {
  0%,15%,100% { background-position:0% 50%; }
  53%,62% { background-position:100% 50%; }
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .st-brand-lockup .st-brand-study,
  .st-brand-lockup .st-brand-tick {
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    background-repeat:no-repeat!important;
    background-size:240% 100%!important;
    filter:drop-shadow(0 1px 0 var(--st-brand-lustre-depth));
    animation:stBrandWordGleam 13s ease-in-out infinite;
  }
  .st-brand-lockup .st-brand-study { background-image:var(--st-brand-study-lustre)!important; }
  .st-brand-lockup .st-brand-tick { background-image:var(--st-brand-tick-lustre)!important; }
}
/* Never distract in focus-friendly / accessible modes. */
body:is(.low-stimulation,.low-stimulation-mode,[data-low-stimulation="true"])
  .st-brand-lockup :is(.st-brand-study,.st-brand-tick) {
  animation:none!important;
  background-position:0% 50%!important;
  filter:none!important;
}
@media (prefers-reduced-motion:reduce) {
  .st-brand-lockup :is(.st-brand-study,.st-brand-tick) {
    animation:none!important;
    background-position:0% 50%!important;
  }
}
@media (forced-colors:active) {
  .st-brand-lockup :is(.st-brand-study,.st-brand-tick) {
    background-image:none!important;
    color:CanvasText!important;
    -webkit-text-fill-color:CanvasText!important;
    filter:none!important;
    animation:none!important;
  }
}