/* Lifesaver Page — generated from tokens.json (copied onto this canvas, 17 Oct 2026) */
@font-face{font-family:Guton;src:url("fonts/Guton-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Guton;src:url("fonts/Guton-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Guton;src:url("fonts/Guton-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Guton;src:url("fonts/Guton-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{
  --sky:#F6F2E8;--cloud:#FFFDF8;--mist:#EEE9DC;--screen:#EFE9DB;--dawn:#F4E5CB;
  --ink:#1D2A25;--soft:#56635D;--faint:#8A938D;
  --forest:#2B6550;--forest-top:#4F8A6C;--deep:#163A2D;--mint-soft:#E3F2EA;
  --pen:#25365C;--sticky:#F3E19C;--error:#A1452F;
  --caption-band:rgba(16,22,19,.8);--on-dark:#FFFFFF;--line:rgba(29,42,37,.11);--hair:rgba(29,42,37,.07);
  --font-display:Guton, Inter, system-ui, sans-serif;
  --font-body:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand:Caveat, "Bradley Hand", cursive;
  --gutter:44px;--section-gap:56px;--film-gap:22px;--stack:16px;--tight:10px;--frame-pad:16px;
  --frame:26px;--film:16px;--card:18px;--name-card:22px;--tile:14px;--tab:12px;--pill:999px;
  --lift:inset 0 1px 0 rgba(255,255,255,.7),0 2px 4px rgba(60,50,20,.1),0 40px 80px -30px rgba(70,55,25,.45),0 80px 120px -60px rgba(70,55,25,.3);
  --tile-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(29,42,37,.05),0 14px 26px -16px rgba(70,55,25,.45);
  --card-shadow:0 0 0 1px rgba(29,42,37,.08),0 14px 30px -18px rgba(70,55,25,.45);
  --button-shadow:0 12px 24px -12px rgba(43,101,80,.7);
  --tab-on:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px -10px rgba(60,50,20,.35);
  --tab-rest:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(60,50,20,.08);
  --play-halo:0 0 0 10px rgba(43,101,80,.12),0 24px 50px -16px rgba(70,55,25,.5);
  --name-card-shadow:0 0 0 1px rgba(29,42,37,.06),0 2px 4px rgba(60,50,20,.12),0 30px 60px -22px rgba(40,30,10,.5);
}