/* Same family as index-skin.css / dashboard-skin.css for the text pages (changelog, privacy, terms, thanks):
   Gabarito headings, Figtree text, soft fills instead of hairline boxes, one violet accent. Loaded last; overrides only. */
:root{--panel:#150E1C;--panel-2:#1E1528;--coral:#9B6BFF;--accent:#B79BFF}
body{font-family:'Figtree','Onest',system-ui,sans-serif;font-size:16px;line-height:1.7;
  background:radial-gradient(1000px 420px at 50% -140px,rgba(155,107,255,.16),transparent 70%),#0A0710;background-attachment:fixed}
::selection{background:rgba(155,107,255,.4)}
header{position:sticky;top:0;z-index:10;background:rgba(14,9,20,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:transparent}
header a.brand,.brand{font-family:'Gabarito','Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em}
header a.brand img,.brand img{width:32px;height:32px;border-radius:50%}
header a.back{font-family:'Figtree',system-ui,sans-serif;font-size:14.5px;padding:7px 14px;border-radius:999px;background:rgba(246,238,245,.07);color:var(--text);transition:background .2s}
header a.back:hover{background:rgba(246,238,245,.13)}
h1,h2,h3{font-family:'Gabarito','Bricolage Grotesque',system-ui,sans-serif;font-weight:700;letter-spacing:-.03em}
h1{font-size:40px;line-height:1.05}
p,li{font-size:16px;line-height:1.7}
a{text-underline-offset:3px}
.updated{font-family:'Figtree',system-ui,sans-serif;font-size:14px}
.tabs button{font-family:'Figtree',system-ui,sans-serif;font-size:14px;border-color:transparent;background:var(--panel);padding:8px 18px;transition:background .2s,color .2s}
.tabs button:hover{background:var(--panel-2)}
.tabs button.on{background:rgba(155,107,255,.22);color:#fff;border-color:transparent}
.entry{border-left-color:rgba(246,238,245,.1)}
.entry::before{background:var(--coral);box-shadow:0 0 0 4px rgba(155,107,255,.18)}
.entry h2{font-size:22px}
.entry .tag{font-family:'Figtree',system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;border:0;background:rgba(155,107,255,.18);color:#d9c4ff}
.note,.card{border:0;border-radius:18px;background:var(--panel);box-shadow:inset 0 1px 0 rgba(246,238,245,.06)}
code{font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace}
.btn{border-radius:14px;font-weight:600}
footer{font-family:'Figtree',system-ui,sans-serif;font-size:13.5px;border-top-color:transparent}
@media(max-width:640px){h1{font-size:30px}.entry h2{font-size:18px}}

/* ---- pointer light (site-fx.js) */
.fx-spot{position:relative}
.fx-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(183,155,255,.13),transparent 65%)}
.fx-spot:hover::after{opacity:1}
.btn,.tabs button,header a.back{transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,color .2s}