/* ============ TOKENS ============ */
/* Committed brand palette — navy-black trading-floor ground, warm gold,
   teal/emerald glow accents. Matches the Trader's Gold Desk mark's own
   dark plaque. Deliberate single look, not adaptive to OS theme. */
:root{
  --bg:#0A0F14;
  --bg-raised:#131C24;
  --bg-sunken:#0E151C;
  --ink:#F0F4F2;
  --ink-soft:#A6B6BE;
  --ink-faint:#69808A;
  --line:rgba(240,244,242,0.10);
  --line-strong:rgba(240,244,242,0.20);
  --maroon:#2FD6C4;
  --maroon-bright:#5FEADE;
  --brass:#C79A3E;
  --brass-bright:#E8BE5C;
  --brass-fill:#D9A94A;
  --emerald:#34D399;
  --rust:#F0654A;
  --sky:#5CD8FF;
  --shadow:rgba(0,0,0,0.55);
  --focus:#5CD8FF;
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:"Fraunces",Georgia,"Times New Roman",serif;
  font-weight:600;
  line-height:1.08;
  margin:0;
  text-wrap:balance;
  letter-spacing:-0.01em;
}
p{margin:0;}
a{color:inherit;}
button{font-family:inherit;}
::selection{background:var(--brass-fill);color:#1F1315;}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
.mono{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
.eyebrow{
  font-family:"JetBrains Mono",monospace;
  font-size:12px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--maroon);
  display:inline-flex;align-items:center;gap:8px;
  font-weight:600;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-fill);flex:none;}
.section{padding:96px 0;}
.section-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;}
.section-head{max-width:640px;margin:0 0 48px;}
.section-head h2{font-size:clamp(28px,3.6vw,42px);margin-top:14px;}
.section-head p{color:var(--ink-soft);margin-top:14px;font-size:17px;}
.section-glyph{width:60px;height:60px;flex:none;margin-top:6px;}
@media (max-width:760px){.section-glyph{display:none;}}
.hairline{border:none;border-top:1px solid var(--line);margin:0;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1;transform:none;transition:none;} }
.feat-grid > .reveal:nth-child(1), .module-list > .reveal:nth-child(1), .show-grid > .reveal:nth-child(1), .plans > .reveal:nth-child(1), .steps > .reveal:nth-child(1), .community-grid > .reveal:nth-child(1){transition-delay:.02s;}
.feat-grid > .reveal:nth-child(2), .module-list > .reveal:nth-child(2), .show-grid > .reveal:nth-child(2), .plans > .reveal:nth-child(2), .steps > .reveal:nth-child(2), .community-grid > .reveal:nth-child(2){transition-delay:.09s;}
.feat-grid > .reveal:nth-child(3), .module-list > .reveal:nth-child(3), .show-grid > .reveal:nth-child(3), .plans > .reveal:nth-child(3), .steps > .reveal:nth-child(3){transition-delay:.16s;}
.feat-grid > .reveal:nth-child(4), .module-list > .reveal:nth-child(4){transition-delay:.23s;}
.feat-grid > .reveal:nth-child(5), .module-list > .reveal:nth-child(5){transition-delay:.30s;}
.feat-grid > .reveal:nth-child(6), .module-list > .reveal:nth-child(6){transition-delay:.37s;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 24px;border-radius:3px;border:1px solid transparent;
  font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--brass-fill);color:#181209;border-color:var(--brass-fill);box-shadow:0 1px 0 var(--brass);}
.btn-primary:hover{background:var(--brass-bright);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong);}
.btn-ghost:hover{border-color:var(--brass);color:var(--brass);}
.btn-block{width:100%;}
.btn[disabled]{opacity:.5;cursor:not-allowed;}

/* ============ LOGO ============ */
.logo{display:flex;align-items:center;text-decoration:none;color:var(--ink);}
.nav-logo-crop{height:auto;overflow:visible;display:block;}
.nav-logo-img{height:44px;width:auto;display:block;}
.footer-logo-crop{height:auto;overflow:visible;display:block;}
.footer-logo-img{width:220px;height:auto;display:block;}

/* ============ NAV ============ */
header.site{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;gap:16px;}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;}
.nav-links a{text-decoration:none;font-size:14.5px;font-weight:600;color:var(--ink-soft);transition:color .15s;}
.nav-links a:hover{color:var(--brass);}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:3px;width:38px;height:38px;align-items:center;justify-content:center;}
@media (max-width:860px){
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
}
@media (max-width:480px){
  .nav-row{flex-wrap:wrap;row-gap:8px;}
  .nav-row .eyebrow{font-size:10.5px;white-space:normal;}
}

/* ============ HERO ============ */
.hero{padding:76px 0 60px;position:relative;overflow:hidden;}
.ambient-canvas{position:absolute;inset:-15% -10%;width:120%;height:130%;z-index:0;pointer-events:none;opacity:.6;}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;position:relative;z-index:1;}
@media (max-width:920px){.hero-grid{grid-template-columns:1fr;}}
.hero h1{font-size:clamp(34px,5vw,56px);margin-top:16px;}
.hero-sub{font-size:18px;color:var(--ink-soft);margin-top:20px;max-width:52ch;}
.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero-facts{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap;}
.hero-fact{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft);}
.hero-fact svg{flex:none;color:var(--brass);}

/* hero illustration */
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;padding:0 30px;}
.hero-art::before{
  content:"";position:absolute;inset:-6% -2%;z-index:-1;
  background:
    radial-gradient(closest-side, rgba(52,211,153,0.26), transparent 68%) 20% 65% / 55% 55% no-repeat,
    radial-gradient(closest-side, rgba(43,214,196,0.20), transparent 70%) 80% 30% / 50% 50% no-repeat,
    radial-gradient(closest-side, rgba(217,169,74,0.16), transparent 72%) 50% 50% / 80% 80% no-repeat;
  filter:blur(18px);
}
.hero-art > svg, .hero-art > img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 24px 40px var(--shadow)) drop-shadow(0 0 46px rgba(217,169,74,0.22));}
.hero-chip{
  position:absolute;display:flex;align-items:center;gap:8px;background:var(--bg-raised);border:1px solid var(--line);
  border-radius:30px;padding:9px 16px 9px 10px;font-size:12.5px;font-weight:700;box-shadow:0 14px 30px -16px var(--shadow);
  white-space:nowrap;
}
.hero-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--brass-fill);flex:none;}
@media (prefers-reduced-motion: no-preference){
  .hero-chip{
    opacity:0;transform:translateY(10px);
    animation-name:chipIn, chipFloat;
    animation-duration:.6s, 5s;
    animation-timing-function:ease, ease-in-out;
    animation-iteration-count:1, infinite;
    animation-delay:var(--chip-delay,0s), calc(var(--chip-delay,0s) + .6s);
    animation-fill-mode:forwards, none;
  }
}
@keyframes chipIn{to{opacity:1;transform:translateY(0);}}
@keyframes chipFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* ============ FEATURES ============ */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:860px){.feat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.feat-grid{grid-template-columns:1fr;}}
.feat-card{background:var(--bg-raised);padding:30px 26px;position:relative;transition:background .2s ease;}
.feat-card:hover{background:var(--bg-sunken);}
.feat-icon{width:38px;height:38px;border:1px solid var(--line-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--brass);margin-bottom:18px;transition:transform .2s ease, border-color .2s ease, color .2s ease;}
.feat-card:hover .feat-icon{transform:scale(1.08) rotate(-3deg);border-color:var(--brass);color:var(--brass-bright);}
.feat-card h3{font-size:18px;font-weight:600;}
.feat-card p{margin-top:9px;font-size:14.5px;color:var(--ink-soft);}
.feat-corner{position:absolute;top:14px;right:16px;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--ink-faint);}

.module-sub-head{margin:60px 0 24px;max-width:640px;}
.module-sub-head h3{font-size:20px;font-weight:600;}
.module-sub-head p{color:var(--ink-soft);font-size:14px;margin-top:6px;}
.module-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:700px){.module-list{grid-template-columns:1fr;}}
.module-row{background:var(--bg-raised);padding:18px 20px;display:flex;gap:14px;align-items:flex-start;}
.module-row{transition:background .2s ease;}
.module-row:hover{background:var(--bg-sunken);}
.module-row .m-icon{width:30px;height:30px;border:1px solid var(--line-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--brass);flex:none;transition:transform .2s ease, border-color .2s ease;}
.module-row:hover .m-icon{transform:scale(1.08);border-color:var(--brass);}
.module-row h4{font-size:14.5px;font-weight:700;}
.module-row p{font-size:13px;color:var(--ink-soft);margin-top:3px;}

/* ============ SHOWCASE ============ */
.show-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (max-width:900px){.show-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}
.screen{background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 20px 40px -28px var(--shadow);}
.screen-bar{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
.screen-bar span{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-soft);}
.screen-body{padding:16px;min-height:230px;}
.mini-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;}
.mini-row:last-child{border-bottom:none;}
.today-greet{font-family:"Fraunces",serif;font-size:16px;font-weight:600;margin-bottom:10px;}
.announce{border-left:3px solid var(--brass-fill);background:var(--bg-sunken);padding:9px 12px;font-size:12px;color:var(--ink-soft);border-radius:0 4px 4px 0;margin-bottom:14px;}
.check-row{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px;}
.check-box{width:15px;height:15px;border-radius:3px;border:1.5px solid var(--line-strong);flex:none;display:flex;align-items:center;justify-content:center;}
.check-row.done .check-box{background:var(--emerald);border-color:var(--emerald);}
.check-row.done{color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--line-strong);}
.today-stats{display:flex;gap:8px;margin-top:14px;}
.today-stat{flex:1;background:var(--bg-sunken);border-radius:4px;padding:9px 6px;text-align:center;}
.today-stat .v{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:700;color:var(--brass);}
.today-stat .k{font-size:9.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;}
.scenario-mini{border:1px solid var(--line);border-radius:5px;padding:12px;margin-bottom:10px;}
.scenario-mini:last-child{margin-bottom:0;}
.bias-pill{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:3px;text-transform:uppercase;}
.bias-pill.bullish{background:rgba(52,211,153,.16);color:var(--emerald);}
.bias-pill.bearish{background:rgba(240,101,74,.16);color:var(--rust);}
.bias-pill.neutral{background:rgba(199,154,62,.16);color:var(--brass);}
.scenario-mini .sc-line{font-size:12px;color:var(--ink-soft);margin-top:8px;}
.scenario-mini .sc-line b{color:var(--ink);font-weight:600;}
.example-tag{
  display:inline-block;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--maroon);background:rgba(43,214,196,.08);border:1px solid rgba(43,214,196,.2);
  border-radius:3px;padding:3px 8px;margin-bottom:10px;
}

/* ============ WHAT MOVES GOLD (NEWS) ============ */
.news-row{border-left:3px solid var(--line-strong);background:var(--bg-sunken);border-radius:0 4px 4px 0;padding:9px 12px;margin-bottom:10px;}
.news-row:last-of-type{margin-bottom:0;}
.news-row.high{border-left-color:var(--rust);}
.news-row.medium{border-left-color:var(--sky);}
.news-row.low{border-left-color:var(--emerald);}
.news-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;}
.news-time{font-size:10.5px;color:var(--ink-faint);flex:none;}
.news-line{font-size:12.5px;color:var(--ink-soft);line-height:1.5;}
.impact-pill{
  display:inline-block;font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:700;letter-spacing:.05em;
  padding:2px 7px;border-radius:3px;text-transform:uppercase;border:1px solid currentColor;
}
.impact-pill.high{color:var(--rust);background:rgba(240,101,74,.08);}
.impact-pill.medium{color:var(--sky);background:rgba(92,216,255,.08);}
.impact-pill.low{color:var(--emerald);background:rgba(52,211,153,.08);}

/* ============ COMMUNITY & LEADERBOARD ============ */
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
@media (max-width:860px){.community-grid{grid-template-columns:1fr;}}
.post-row{padding:14px 0;border-bottom:1px solid var(--line);}
.post-row:last-child{border-bottom:none;}
.post-head{display:flex;align-items:center;justify-content:space-between;}
.post-name{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;}
.post-name svg{color:var(--brass);}
.post-time{font-size:11px;color:var(--ink-faint);}
.post-body{font-size:13.5px;color:var(--ink-soft);margin-top:6px;line-height:1.5;}
.post-foot{margin-top:8px;font-size:12px;color:var(--ink-faint);}
.lead-sub{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin:18px 0 8px;font-family:"JetBrains Mono",monospace;}
.lead-sub:first-child{margin-top:0;}
.lead-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;}
.lead-row .lead-name{flex:1;}
.lead-row .lead-val{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-soft);}
.lead-caption{font-size:11.5px;color:var(--ink-faint);margin-top:14px;}

/* ============ VIDEO EXPLAINER ============ */
.video-card{
  --vc-bg:#070B0F; --vc-raised:#101820; --vc-ink:#F0F4F2; --vc-soft:#A6B6BE; --vc-faint:#69808A;
  --vc-brass:#D9A94A; --vc-emerald:#34D399; --vc-rust:#F0654A; --vc-line:rgba(240,244,242,.14);
  position:relative;aspect-ratio:16/9;background:var(--vc-bg);border:1px solid var(--line);border-radius:8px;
  overflow:hidden;box-shadow:0 24px 48px -28px var(--shadow);color:var(--vc-ink);
}
.video-stage{position:absolute;inset:0;}
.v-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:34px 44px 64px;opacity:0;transition:opacity .5s ease;pointer-events:none;}
.v-scene.active{opacity:1;pointer-events:auto;}
@media (prefers-reduced-motion: reduce){ .v-scene{transition:none;} }
.v-kicker{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--vc-brass);text-transform:uppercase;}
.v-scene h3{font-size:clamp(20px,3vw,28px);margin-top:10px;max-width:22ch;color:var(--vc-ink);}
.v-scene p{margin-top:10px;color:var(--vc-soft);font-size:14.5px;max-width:42ch;}
.v-scene > div, .v-scene > a, .v-scene > button{margin-top:18px;}
.v-scene > button{align-self:flex-start;}
.v-scene .example-tag{margin-top:14px;}
.video-card .check-row{color:var(--vc-soft);}
.video-card .check-row.done{color:var(--vc-faint);}
.video-card .check-box{border-color:var(--vc-line);}
.video-card .check-row.done .check-box{background:var(--vc-emerald);border-color:var(--vc-emerald);}
.video-card .scenario-mini{border-color:var(--vc-line);}
.video-card .sc-line{color:var(--vc-soft);}
.video-card .sc-line b{color:var(--vc-ink);}
.video-card .bias-pill.bullish{background:rgba(52,211,153,.18);color:var(--vc-emerald);}
.video-card .today-stat{background:var(--vc-raised);}
.video-card .today-stat .v{color:var(--vc-brass);}
.video-card .today-stat .k{color:var(--vc-faint);}
.video-card .example-tag{background:rgba(217,169,74,.14);border-color:rgba(217,169,74,.3);color:var(--vc-brass);}
.video-card .post-row{border-color:var(--vc-line);}
.video-card .post-body{color:var(--vc-soft);}
.video-card .post-time{color:var(--vc-faint);}

.video-playhero{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,8,5,.28);border:none;cursor:pointer;z-index:6;padding:0;}
.video-playhero.hidden{display:none;}
.video-playbtn{width:64px;height:64px;border-radius:50%;background:var(--vc-brass);color:#181209;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.5);transition:transform .15s ease;}
.video-playhero:hover .video-playbtn{transform:scale(1.06);}

.video-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
  background:rgba(10,8,5,.4);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:6;
}
.video-nav.prev{left:14px;} .video-nav.next{right:14px;}
.video-nav:hover{background:rgba(10,8,5,.6);}

.video-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(0deg, rgba(0,0,0,.6), transparent);z-index:6;}
.video-toggle{width:26px;height:26px;border-radius:50%;background:var(--vc-brass);color:#181209;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;}
.video-progress{flex:1;display:flex;gap:4px;}
.video-progress .seg{flex:1;height:3px;padding:0;border:none;border-radius:2px;background:rgba(255,255,255,.25);overflow:hidden;cursor:pointer;}
.video-progress .seg i{display:block;height:100%;width:0%;background:var(--vc-brass);}
@media (prefers-reduced-motion: reduce){ .video-progress .seg i{transition:none !important;} }
.video-count{font-size:11px;color:rgba(255,255,255,.75);flex:none;}
.video-mute{
  width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background .15s ease;
}
.video-mute:hover{background:rgba(255,255,255,.22);}

/* ============ QUIZ ============ */
.quiz-card{
  max-width:640px;margin:0 auto;background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;
  padding:40px;box-shadow:0 24px 48px -28px var(--shadow);text-align:center;position:relative;
}
@media (max-width:560px){.quiz-card{padding:28px 22px;}}
.quiz-intro-icon{font-size:38px;margin-bottom:12px;}
.quiz-intro h3{font-size:22px;}
.quiz-intro p{margin-top:10px;color:var(--ink-soft);font-size:14.5px;max-width:44ch;margin-left:auto;margin-right:auto;}
.quiz-intro .btn{margin-top:24px;}
.quiz-progress-row{display:flex;align-items:center;gap:12px;margin-bottom:26px;}
.quiz-progress{flex:1;display:flex;gap:4px;}
.quiz-progress .seg{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden;}
.quiz-progress .seg i{display:block;height:100%;width:0%;background:var(--brass-fill);transition:width .3s ease;}
.quiz-count{font-size:12px;color:var(--ink-faint);flex:none;font-family:"JetBrains Mono",monospace;}
.quiz-q-text{font-family:"Fraunces",serif;font-size:20px;font-weight:600;text-align:left;text-wrap:balance;}
.quiz-options{display:flex;flex-direction:column;gap:10px;margin-top:22px;}
.quiz-opt{
  text-align:left;padding:13px 16px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg);
  cursor:pointer;font-size:14.5px;color:var(--ink);transition:border-color .15s ease, background .15s ease;font-family:inherit;
}
.quiz-opt:hover:not([disabled]){border-color:var(--brass);}
.quiz-opt.correct{border-color:var(--emerald);background:rgba(52,211,153,.08);color:var(--emerald);font-weight:700;}
.quiz-opt.incorrect{border-color:var(--rust);background:rgba(240,101,74,.08);color:var(--rust);}
.quiz-opt[disabled]{cursor:default;}
.quiz-opt[disabled]:not(.correct):not(.incorrect){opacity:.45;}
.quiz-analyzing{padding:24px 0;}
.quiz-spinner{
  width:44px;height:44px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brass-fill);
  margin:0 auto 18px;animation:quizSpin .8s linear infinite;
}
@media (prefers-reduced-motion: reduce){ .quiz-spinner{animation:none;border-top-color:var(--brass-fill);} }
@keyframes quizSpin{to{transform:rotate(360deg);}}
.quiz-analyzing p{color:var(--ink-soft);font-size:14.5px;}
.quiz-score-ring{
  width:104px;height:104px;border-radius:50%;margin:0 auto 18px;border:3px solid var(--brass);
  display:flex;align-items:center;justify-content:center;position:relative;
}
.quiz-score-ring::after{content:"";position:absolute;inset:6px;border:1px solid var(--brass);border-radius:50%;opacity:.5;}
.quiz-score-ring span{font-family:"JetBrains Mono",monospace;font-size:22px;font-weight:700;color:var(--brass);position:relative;}
.quiz-result h3{font-size:22px;margin-top:4px;}
.quiz-ai-label{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);}
.quiz-ai-msg{margin-top:10px;font-size:15px;color:var(--ink-soft);max-width:48ch;margin-left:auto;margin-right:auto;line-height:1.6;}
.quiz-actions{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap;}

/* ============ STEPS ============ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
@media (max-width:820px){.steps{grid-template-columns:1fr;}}
.step{position:relative;padding-top:8px;}
.step .n{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--brass);font-weight:700;letter-spacing:.06em;}
.step h3{font-size:19px;margin-top:10px;font-weight:600;}
.step p{margin-top:8px;color:var(--ink-soft);font-size:14.5px;}

/* ============ PRICING ============ */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}
.plan{background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:30px 26px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease, box-shadow .2s ease;}
.plan:hover{transform:translateY(-4px);box-shadow:0 26px 46px -28px var(--shadow);}
.plan.featured{border-color:var(--brass);box-shadow:0 24px 48px -30px var(--shadow);}
.plan-badge{position:absolute;top:-13px;left:26px;background:var(--brass-fill);color:#181209;font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:3px;text-transform:uppercase;}
.plan h3{font-size:20px;font-weight:600;}
.plan .price{margin-top:14px;display:flex;align-items:baseline;gap:6px;}
.plan .price .amt{font-family:"JetBrains Mono",monospace;font-size:32px;font-weight:700;}
.plan .price .per{font-size:13px;color:var(--ink-faint);}
.plan .price-sub{font-size:11.5px;color:var(--ink-faint);margin-top:2px;}
.plan .desc{margin-top:8px;font-size:13.5px;color:var(--ink-soft);}
.plan ul{list-style:none;margin:22px 0 26px;padding:0;display:flex;flex-direction:column;gap:11px;}
.plan li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start;}
.plan li svg{flex:none;margin-top:3px;color:var(--emerald);}
.plan .btn{margin-top:auto;}

/* ============ PAYMENT NOTE ============ */
.pay-note{
  margin-top:28px;padding:18px 20px;border:1px dashed var(--line-strong);border-radius:6px;
  display:flex;gap:14px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);background:var(--bg-sunken);
}
.pay-note svg{flex:none;color:var(--brass);margin-top:2px;}

/* ============ FAQ ============ */
.faq-list{border-top:1px solid var(--line);max-width:760px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  list-style:none;cursor:pointer;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .plus{flex:none;width:22px;height:22px;position:relative;}
.faq-item summary .plus::before,.faq-item summary .plus::after{content:"";position:absolute;background:var(--brass);top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-item summary .plus::before{width:14px;height:2px;}
.faq-item summary .plus::after{width:2px;height:14px;transition:transform .2s ease;}
.faq-item[open] summary .plus::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0);}
.faq-item .faq-body{padding:0 4px 24px;color:var(--ink-soft);font-size:14.5px;max-width:64ch;}

/* ============ ABOUT ============ */
.about-card{display:flex;gap:32px;align-items:flex-start;max-width:760px;}
@media (max-width:640px){.about-card{flex-direction:column;align-items:center;text-align:center;}}
.about-photo{
  width:140px;height:140px;border-radius:50%;flex:none;border:1px dashed var(--line-strong);background:var(--bg-raised);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-faint);
  overflow:hidden;
}
.about-photo span{font-size:10.5px;font-family:"JetBrains Mono",monospace;letter-spacing:.04em;text-align:center;padding:0 12px;}
.about-photo.has-photo{border-style:solid;border-color:var(--line);}
.about-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.about-body h3{font-size:22px;}
.about-name{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-0.01em;}
.about-role{font-size:13.5px;color:var(--ink-soft);margin-top:4px;}
.about-bio{margin-top:14px;font-size:15px;color:var(--ink-soft);max-width:52ch;}
.about-ltw{margin-top:18px;font-size:13.5px;color:var(--ink-soft);}
.about-ltw strong{color:var(--ink);font-weight:700;}
.about-ltw a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px;}
.about-ltw a:hover{color:var(--brass);text-decoration-color:var(--brass);}
.about-placeholder{color:var(--ink-faint);font-style:italic;}
.about-placeholder.about-bio{color:var(--ink-faint);}

/* ============ FINAL CTA ============ */
.final-cta{
  background:var(--bg-sunken);
  border:1px solid var(--line);
  border-radius:10px;
  padding:64px 48px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.final-cta h2{font-size:clamp(26px,3.4vw,38px);}
.final-cta p{margin-top:14px;color:var(--ink-soft);max-width:52ch;margin-left:auto;margin-right:auto;}
.final-cta .hero-actions{justify-content:center;}
.final-cta > *:not(.ambient-canvas):not(.cta-art){position:relative;z-index:1;}
.final-cta .ambient-canvas{opacity:.5;}
.final-cta .cta-art{position:absolute;bottom:-20px;right:-10px;width:120px;height:auto;opacity:.5;z-index:0;pointer-events:none;}
@media (max-width:640px){.final-cta .cta-art{display:none;}}

/* ============ FOOTER ============ */
footer.site{background:var(--bg-sunken);border-top:1px solid var(--line);padding:56px 0 32px;margin-top:40px;}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;}
@media (max-width:760px){.foot-grid{grid-template-columns:repeat(2,1fr);}}
.foot-col h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:14px;font-family:"JetBrains Mono",monospace;font-weight:600;}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.foot-col a{text-decoration:none;font-size:14px;color:var(--ink-soft);}
.foot-col a:hover{color:var(--brass);}
.foot-col button.linklike{background:none;border:none;padding:0;text-decoration:none;font-size:14px;color:var(--ink-soft);font-family:inherit;cursor:pointer;text-align:left;}
.foot-col button.linklike:hover{color:var(--brass);}
.foot-desc{font-size:14px;color:var(--ink-soft);margin-top:12px;max-width:34ch;}
.disclaimer{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint);line-height:1.7;}
.foot-bottom{margin-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink-faint);}

/* ============ MODAL ============ */
.modal-overlay{
  position:fixed;inset:0;background:rgba(10,8,5,.6);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;z-index:100;padding:20px;
}
.modal-overlay.open{display:flex;}
.modal{
  background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;
  width:100%;max-width:460px;max-height:88vh;overflow-y:auto;
  box-shadow:0 40px 80px -20px rgba(0,0,0,.5);
  animation:modalIn .25s ease;
}
@media (prefers-reduced-motion: reduce){ .modal{animation:none;} }
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);}
.modal-head h3{font-size:18px;}
.modal-close{background:none;border:1px solid var(--line-strong);border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);flex:none;}
.modal-body{padding:22px;}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.field label{font-size:12.5px;font-weight:700;color:var(--ink-soft);}
.field input,.field textarea,.field select{
  border:1px solid var(--line-strong);border-radius:5px;padding:11px 12px;font-size:14.5px;
  background:var(--bg);color:var(--ink);font-family:inherit;
}
.field textarea{resize:vertical;min-height:90px;line-height:1.5;}
.field select{cursor:pointer;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brass);}
.field-error{font-size:12px;color:var(--rust);display:none;}
.field-error.show{display:block;}
.pay-toggle{display:flex;gap:10px;margin-bottom:16px;}
.pay-opt{flex:1;border:1px solid var(--line-strong);border-radius:5px;padding:11px;text-align:center;cursor:pointer;font-size:13.5px;font-weight:700;}
.pay-opt input{position:absolute;opacity:0;pointer-events:none;}
.pay-opt.active{border-color:var(--brass);background:var(--bg);color:var(--brass);}
.plan-summary{display:flex;justify-content:space-between;align-items:center;background:var(--bg-sunken);border-radius:5px;padding:12px 14px;margin-bottom:18px;font-size:13.5px;}
.plan-summary b{font-family:"JetBrains Mono",monospace;}
.qr-amount-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-sunken);border-radius:5px;padding:10px 14px;margin-bottom:14px;font-size:13.5px;}
.qr-amount-row b{font-family:"JetBrains Mono",monospace;font-size:16px;}
.qr-card{border:1px solid var(--line);border-radius:8px;padding:18px;text-align:center;background:var(--bg-sunken);}
.qr-image-wrap{
  width:fit-content;margin:0 auto;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:10px;
  position:relative;cursor:zoom-in;transition:transform .15s ease, box-shadow .15s ease;
}
.qr-image-wrap img{display:block;width:180px;height:180px;border-radius:2px;}
.qr-image-wrap:hover, .qr-image-wrap:focus-visible{transform:scale(1.04);box-shadow:0 14px 28px -12px var(--shadow);}
.qr-zoom-badge{
  position:absolute;bottom:6px;right:6px;width:26px;height:26px;border-radius:50%;
  background:#1F1315;color:#fff;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.8);transition:opacity .15s ease, transform .15s ease;
}
.qr-image-wrap:hover .qr-zoom-badge, .qr-image-wrap:focus-visible .qr-zoom-badge{opacity:1;transform:scale(1);}
.qr-hint{font-size:11px;color:var(--ink-faint);margin-top:8px;}

/* ============ QR LIGHTBOX ============ */
.qr-lightbox-overlay{
  position:fixed;inset:0;background:rgba(20,10,12,.72);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;z-index:200;padding:32px;
}
.qr-lightbox-overlay.open{display:flex;}
.qr-lightbox-card{
  background:#fff;border-radius:10px;padding:22px;position:relative;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  animation:qrLightboxIn .2s ease;box-shadow:0 40px 80px -20px rgba(0,0,0,.5);
}
@media (prefers-reduced-motion: reduce){ .qr-lightbox-card{animation:none;} }
@keyframes qrLightboxIn{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:none;}}
.qr-lightbox-card img{display:block;width:min(78vw,360px);height:min(78vw,360px);}
.qr-lightbox-label{font-size:13.5px;font-weight:700;color:#1F1315;}
.qr-lightbox-close{
  position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;
  background:#1F1315;color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.qr-note{font-size:12px;color:var(--ink-soft);margin-top:12px;}

/* confirmation stamp state */
.confirm-view{padding:40px 22px 34px;text-align:center;display:none;}
.confirm-view.show{display:block;}
.modal-body.hide{display:none;}
.stamp-big{width:100px;height:100px;margin:0 auto 22px;position:relative;}
.stamp-big svg{width:100%;height:100%;transform:rotate(-12deg) scale(0);animation:stampDown .5s cubic-bezier(.2,1.4,.4,1) forwards .1s;}
@media (prefers-reduced-motion: reduce){ .stamp-big svg{animation:none;transform:rotate(-12deg) scale(1);} }
@keyframes stampDown{0%{transform:rotate(-12deg) scale(2.2);opacity:0;}60%{opacity:1;}100%{transform:rotate(-12deg) scale(1);opacity:1;}}
.confirm-view h3{font-size:22px;margin-top:4px;}
.confirm-view p{color:var(--ink-soft);margin-top:10px;font-size:14.5px;}
.confirm-next{text-align:left;background:var(--bg-sunken);border-radius:6px;padding:16px 18px;margin-top:20px;font-size:13.5px;color:var(--ink-soft);}
.confirm-next b{color:var(--ink);}

/* ============ TOASTS ============ */
.toast-region{position:fixed;left:18px;bottom:18px;z-index:90;display:flex;flex-direction:column-reverse;gap:10px;}
.toast{
  background:var(--bg-raised);border:1px solid var(--line);border-radius:7px;padding:12px 16px;
  display:flex;align-items:center;gap:12px;max-width:290px;box-shadow:0 16px 32px -14px var(--shadow);
  animation:toastIn .35s ease;
}
@media (prefers-reduced-motion: reduce){ .toast{animation:none;} }
@keyframes toastIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.toast .dotpulse{width:8px;height:8px;border-radius:50%;background:var(--emerald);flex:none;}
.toast strong{font-size:13px;} .toast span{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px;}

.vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ============ LEGAL PAGES ============ */
.legal-page{padding:56px 0 100px;}
.legal-page .legal-updated{font-size:13px;color:var(--ink-faint);margin-top:10px;font-family:"JetBrains Mono",monospace;}
.legal-page h1{font-size:clamp(30px,4vw,44px);margin-top:14px;}
.legal-body{max-width:760px;margin-top:44px;}
.legal-body h2{font-size:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);}
.legal-body h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.legal-body p{color:var(--ink-soft);font-size:15px;margin-top:12px;line-height:1.7;}
.legal-body ul{margin:12px 0 0;padding-left:22px;color:var(--ink-soft);font-size:15px;line-height:1.7;}
.legal-body li{margin-top:6px;}
.legal-body strong{color:var(--ink);}
.legal-note{
  margin-top:36px;padding:16px 18px;border:1px dashed var(--line-strong);border-radius:6px;
  font-size:13px;color:var(--ink-soft);background:var(--bg-sunken);
}
.legal-back{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;margin-top:0;}
.legal-back:hover{color:var(--brass);}

/* ============ REFERRAL STATUS ============ */
.ref-link-box{display:flex;gap:8px;align-items:center;justify-content:space-between;background:var(--bg-sunken);border-radius:5px;padding:10px 12px;margin-bottom:18px;font-size:12px;font-family:"JetBrains Mono",monospace;word-break:break-all;}
.ref-link-box button{flex:none;}
.ref-stats{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.ref-stat{flex:1;min-width:96px;background:var(--bg-sunken);border-radius:6px;padding:12px 8px;text-align:center;}
.ref-stat .v{font-family:"JetBrains Mono",monospace;font-size:17px;font-weight:700;color:var(--brass);}
.ref-stat .k{font-size:9.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;}
.ref-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;}
.ref-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.ref-table th{text-align:left;padding:8px 10px;background:var(--bg-sunken);color:var(--ink-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-family:"JetBrains Mono",monospace;white-space:nowrap;}
.ref-table td{padding:8px 10px;border-top:1px solid var(--line);white-space:nowrap;}
.ref-status-pill{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:3px;text-transform:uppercase;}
.ref-status-pill.confirmed{background:rgba(52,211,153,.14);color:var(--emerald);}
.ref-status-pill.pending{background:rgba(199,154,62,.16);color:var(--brass);}
.ref-status-pill.rejected{background:rgba(240,101,74,.14);color:var(--rust);}
.ref-status-pill.paid{background:rgba(217,169,74,.18);color:var(--brass-bright);margin-top:3px;}
.ref-status-pill.requested{background:rgba(43,214,196,.16);color:var(--maroon);margin-top:3px;}
.ref-empty{text-align:center;padding:24px 0;color:var(--ink-faint);font-size:13.5px;}
.ref-step{display:none;}
.ref-step.active{display:block;}
.btn-xs{padding:5px 10px;font-size:11.5px;border-radius:3px;}
.ref-admin-actions{display:flex;gap:6px;}

/* ============ ADMIN PAGE ============ */
.admin-page{padding:56px 0 100px;min-height:70vh;}
.admin-gate{max-width:380px;margin:60px auto 0;text-align:center;}
.admin-gate h1{font-size:26px;}
.admin-gate p{color:var(--ink-soft);margin-top:10px;font-size:14px;}
.admin-gate form{margin-top:22px;text-align:left;}
.admin-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.admin-summary .ref-stat{flex:1;min-width:160px;}
.admin-summary .ref-stat.net-income{border:1px solid var(--brass);}
.admin-summary .ref-stat.net-income .v{color:var(--brass-bright);font-size:19px;}

/* ============ ADMIN CHARTS ============ */
.admin-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-bottom:32px;}
.admin-chart-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:18px 20px;}
.admin-chart-card h4{font-size:13px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-family:"JetBrains Mono",monospace;margin-bottom:2px;}
.admin-chart-card .chart-wrap{position:relative;height:220px;margin-top:14px;}
.admin-chart-card .chart-empty{color:var(--ink-faint);font-size:13px;text-align:center;padding:60px 0;}
.chart-headline{display:flex;align-items:baseline;gap:10px;padding-top:12px;border-top:1px dotted var(--line-strong);flex-wrap:wrap;}
.chart-headline .num{font-family:"JetBrains Mono",monospace;font-size:26px;font-weight:700;color:var(--brass-bright);line-height:1;}
.chart-headline .lbl{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;}
.chart-headline.teal .num{color:var(--maroon);}
.chart-headline.rust .num{color:var(--rust);}
.admin-chart-card ol.top-referrer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.admin-chart-card ol.top-referrer-list li{display:flex;align-items:center;gap:10px;font-size:13px;}
.admin-chart-card ol.top-referrer-list .rank{font-family:"JetBrains Mono",monospace;color:var(--ink-faint);font-size:11px;width:16px;flex:none;}
.admin-chart-card ol.top-referrer-list .bar-track{flex:1;height:8px;background:var(--bg-sunken);border-radius:4px;overflow:hidden;}
.admin-chart-card ol.top-referrer-list .bar-fill{height:100%;background:var(--brass-fill);border-radius:4px;}
.admin-chart-card ol.top-referrer-list .amt{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--brass);flex:none;white-space:nowrap;}

/* ============ ADMIN NOTIFICATIONS ============ */
.notif-bell{position:relative;background:none;border:1px solid var(--line-strong);border-radius:6px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);}
.notif-bell:hover{color:var(--brass);border-color:var(--brass);}
.notif-badge{position:absolute;top:-6px;right:-6px;background:var(--rust);color:#fff;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 24px 48px -20px rgba(0,0,0,.6);z-index:50;display:none;}
.notif-panel.open{display:block;}
.notif-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);}
.notif-panel-head h5{font-size:12.5px;font-weight:700;}
.notif-item{padding:12px 14px;border-bottom:1px solid var(--line);font-size:12.5px;}
.notif-item:last-child{border-bottom:none;}
.notif-item.unread{background:rgba(217,169,74,.06);}
.notif-item .notif-title{font-weight:700;display:flex;align-items:center;gap:6px;}
.notif-item .notif-title .dot{width:6px;height:6px;border-radius:50%;background:var(--brass-fill);flex:none;}
.notif-item .notif-msg{color:var(--ink-soft);margin-top:3px;}
.notif-item .notif-time{color:var(--ink-faint);font-size:10.5px;margin-top:4px;font-family:"JetBrains Mono",monospace;}
.notif-empty{padding:24px 14px;text-align:center;color:var(--ink-faint);font-size:12.5px;}