:root{
  color-scheme:light;
  --journal-paper:#f7f2e9;
  --journal-paper-soft:#fbf8f3;
  --journal-ink:#211c18;
  --journal-muted:#756b60;
  --journal-line:rgba(44,37,31,.13);
  --journal-lime:#d8ed5d;
  --journal-dark:#101512;
  --journal-water-1:#d8e7e8;
  --journal-water-2:#c4dadd;
  --journal-water-3:#afccd2;
  --journal-focus:#263a22;
  --header-height:74px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{color:var(--journal-ink);background:var(--journal-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.journal-shell{max-width:1880px;margin:0 auto;padding:14px}
.journal-frame{border:1px solid var(--journal-line);border-radius:34px;background:rgba(255,251,245,.72);box-shadow:0 16px 48px rgba(54,46,39,.08);padding:14px}
.journal-water-stage{
  position:relative;min-height:calc(100dvh - var(--header-height) - 30px);overflow:hidden;border:1px solid rgba(88,104,106,.12);border-radius:29px;
  background:radial-gradient(ellipse at 50% 46%,rgba(255,255,255,.85),transparent 28%),radial-gradient(ellipse at 12% 12%,rgba(255,255,255,.38),transparent 24%),linear-gradient(180deg,var(--journal-water-1),var(--journal-water-2) 48%,var(--journal-water-3));
  box-shadow:0 28px 90px rgba(43,55,58,.14);isolation:isolate
}
.journal-water-stage::before{content:"";position:absolute;inset:-3%;z-index:-2;opacity:.20;pointer-events:none;background:repeating-radial-gradient(ellipse at 20% 38%,rgba(255,255,255,.74) 0 1px,transparent 2px 31px),repeating-linear-gradient(120deg,rgba(255,255,255,.16) 0 1px,transparent 1px 25px);animation:journal-water 16s ease-in-out infinite}
.journal-water-stage::after{content:"";position:absolute;right:7%;top:7%;z-index:-1;width:132px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ebf67e 0,var(--journal-lime) 68%,transparent 69%);opacity:.9;pointer-events:none}
@keyframes journal-water{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
.journal-eyebrow{margin:0;color:#756b60;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.journal-heading{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.035em}
.journal-focus:focus-visible,.journal-water-stage a:focus-visible,.journal-water-stage button:focus-visible,.journal-water-stage input:focus-visible{outline:3px solid var(--journal-focus);outline-offset:4px}

@media(max-width:720px){
  :root{--header-height:68px}
  .journal-shell{padding:0}
  .journal-frame{border:0;border-radius:0;padding:0}
  .journal-water-stage{min-height:calc(100dvh - var(--header-height));border:0;border-radius:0}
  .journal-water-stage::after{width:88px;right:4%;top:4%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important;transition-delay:0s!important}
}