/* said. aura (Oct 2026): the same look as the home page, for notes, privacy and terms.
   Soft colour clouds, Inter in one calm weight, black buttons, glass cards, the gradient dot. */
:root{
  --bg:#F3F1EE;--sand:#FFFFFF;--card:#FFFFFF;--ink:#1A1817;--body:#4A4643;--quiet:#6B6662;--light:#9A948F;
  --line:rgba(26,24,23,.1);--ox:#1A1817;
  --a-red:#C65A4E;--a-yel:#DDBE6A;--a-vio:#9C8BD3;--a-blu:#7DAFD0;
  --glass:rgba(255,255,255,.58);
  --orb:radial-gradient(circle at 24% 22%,var(--a-vio) 0,rgba(156,139,211,0) 55%),radial-gradient(circle at 82% 78%,var(--a-red) 0,rgba(198,90,78,0) 58%),radial-gradient(circle at 34% 100%,var(--a-yel) 0,rgba(221,190,106,0) 48%),var(--a-blu);
  --dotg:linear-gradient(135deg,var(--a-vio),var(--a-blu) 40%,var(--a-red) 75%,var(--a-yel));
}
html{background:var(--bg)}
body{background:transparent!important;color:var(--ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;font-feature-settings:"ss01","cv11"}
body *{font-weight:400!important}
input,button{font-family:Inter,-apple-system,sans-serif!important}

.aura{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}
.aura i{position:absolute;border-radius:50%;filter:blur(10px);will-change:transform}
.aura i:nth-child(1){width:70vmax;height:70vmax;right:-28vmax;top:-26vmax;background:radial-gradient(circle,rgba(198,90,78,.34),rgba(198,90,78,0) 66%);animation:drift1 34s ease-in-out infinite alternate}
.aura i:nth-child(2){width:64vmax;height:64vmax;left:-30vmax;top:22vh;background:radial-gradient(circle,rgba(221,190,106,.4),rgba(221,190,106,0) 66%);animation:drift2 40s ease-in-out infinite alternate}
.aura i:nth-child(3){width:70vmax;height:70vmax;right:-30vmax;bottom:-30vmax;background:radial-gradient(circle,rgba(156,139,211,.34),rgba(156,139,211,0) 66%);animation:drift3 38s ease-in-out infinite alternate}
.aura i:nth-child(4){width:56vmax;height:56vmax;left:-6vmax;bottom:-34vmax;background:radial-gradient(circle,rgba(125,175,208,.38),rgba(125,175,208,0) 66%);animation:drift1 44s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(-6vmax,5vmax)}}
@keyframes drift2{to{transform:translate(7vmax,-4vmax)}}
@keyframes drift3{to{transform:translate(-5vmax,-6vmax)}}
@media (prefers-reduced-motion:reduce){.aura i{animation:none!important}}

/* Type: gentle tracking, quiet accents (no red) */
h1{letter-spacing:-0.035em!important;line-height:1!important}
h2,.pull,.list b,.entry .t,.cta h2{letter-spacing:-0.03em!important}
h1 span,.cover.ink h1 span{color:var(--light)!important}
a{color:var(--ink)}
p a,li a,dd a{text-decoration:underline;text-decoration-color:rgba(26,24,23,.25);text-underline-offset:3px}
.crumb,.short b,.entry .k small,.step .n,.date,.meta{color:var(--quiet)!important}

/* Logo: "said" + a tiny aura full stop */
.mark{gap:.06em!important}
.mark b{letter-spacing:-0.045em!important}
.mark i{background:var(--dotg)!important;transform:scale(.72);transform-origin:50% 100%}

/* Glass instead of white and beige cards */
.short,.entry,.notif,.list a,.prompts li,.toc a,.cta,.cover:not(.ink),.cover .crumb,.entry .pills span,.entry .k,.faq,.box,.card{
  background:var(--glass)!important;border:1px solid rgba(255,255,255,.85);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);
  box-shadow:0 24px 50px -36px rgba(26,24,23,.35)!important}
.list a.ink,.cover.ink{background:var(--ink)!important;border-color:transparent}
.cover.ink .crumb{background:rgba(255,255,255,.1)!important;border-color:transparent;color:#fff!important}
.cover.ink h1,.list a.ink b{color:#fff!important}
.cover.ink .dek,.list a.ink span{color:rgba(255,255,255,.72)!important}
.cover.ink .meta,.list a.ink small{color:rgba(255,255,255,.55)!important}
.toc a:hover{background:#fff!important}

/* Every dot becomes the gradient orb */
.cover .orb,.cta .dot{background:var(--orb)!important;filter:blur(2px);opacity:.9}
.cover .orb{filter:blur(28px);opacity:.75}
.bdot i{background:var(--orb)!important}
.bdot i:nth-child(1){opacity:.18!important}.bdot i:nth-child(2){opacity:.28!important}
.pull::before,.prompts li::before,.notif .ic i{background:var(--dotg)!important}
.notif .ic{background:#F3F1EE!important}
.progress{background:var(--ink)!important}

/* Buttons: black capsules */
.cta button,.btn{background:var(--ink)!important;color:#fff!important}
.cta form,.cta input{background:rgba(255,255,255,.8)!important}

footer{border-top-color:var(--line)!important}
footer a{color:var(--quiet)!important}
footer a:hover{color:var(--ink)!important}