/* Puffin design tokens — single source of truth (v1.2). Custom properties only, plus base resets and shared keyframes. */
:root,[data-theme=light]{
  --p-bg:#FAF8F4;--p-surface:#FFFFFF;--p-sunken:#F3F0EA;--p-hover:#EEEAE2;--p-line:#E7E2D9;--p-line-strong:#D4CDC1;
  --p-text:#141414;--p-text-2:#56524B;--p-text-3:#757067;--p-inverse:#141414;--p-on-inverse:#FAF8F4;
  --p-accent:#F2542D;--p-accent-text:#C13A17;--p-accent-soft:#FDE5DC;--p-on-accent:#141414;
  --p-sun:#FFC53D;--p-sun-soft:#FFF1C9;--p-sea:#1F6E78;--p-sea-soft:#D8ECEE;
  --p-ok:#2E7D4F;--p-ok-soft:#E1F0E6;--p-warn:#9A6412;--p-warn-soft:#F8EDD6;--p-err:#C2362B;--p-err-soft:#F9E2DF;--p-on-err:#FFFFFF;--p-info:#2F6690;--p-info-soft:#DFEAF3;
  --p-viz-1:#141414;--p-viz-2:#F2542D;--p-viz-3:#1F6E78;--p-viz-4:#FFC53D;--p-viz-5:#9AA3AB;
  --p-c-beak:#F2542D;--p-c-sun:#FFC53D;--p-c-fjord:#1F6E78;--p-c-sky:#BFDCE4;--p-c-rose:#F7B9A9;--p-c-ink:#141414;--p-c-paper:#EFE9DF;--p-c-mint:#D9EDE1;--p-c-lilac:#E8E2F0;
  --p-shadow-1:0 1px 2px rgba(20,20,20,.06);--p-shadow-2:0 1px 2px rgba(20,20,20,.06),0 10px 28px -8px rgba(20,20,20,.18);--p-shadow-3:0 24px 64px -16px rgba(20,20,20,.38);--p-shadow-lift:0 16px 32px -14px rgba(20,20,20,.32);
  --p-scrim:rgba(20,20,20,.42);
  --p-font-ui:'Instrument Sans',system-ui,sans-serif;--p-font-display:'Bricolage Grotesque',system-ui,sans-serif;--p-font-mono:'Geist Mono',ui-monospace,monospace;
  --p-ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
[data-theme=dark]{
  --p-bg:#111111;--p-surface:#191919;--p-sunken:#141414;--p-hover:#232323;--p-line:#2A2A2A;--p-line-strong:#3A3A3A;
  --p-text:#F5F2EC;--p-text-2:#ADA89F;--p-text-3:#8E8980;--p-inverse:#F5F2EC;--p-on-inverse:#141414;
  --p-accent:#FF6A43;--p-accent-text:#FF8F70;--p-accent-soft:rgba(255,106,67,.15);--p-on-accent:#141414;
  --p-sun:#FFC53D;--p-sun-soft:rgba(255,197,61,.14);--p-sea:#5BB3BD;--p-sea-soft:rgba(91,179,189,.14);
  --p-ok:#5CB880;--p-ok-soft:rgba(92,184,128,.13);--p-warn:#E0A84A;--p-warn-soft:rgba(224,168,74,.13);--p-err:#F0705F;--p-err-soft:rgba(240,112,95,.13);--p-on-err:#141414;--p-info:#74A8D4;--p-info-soft:rgba(116,168,212,.13);
  --p-viz-1:#F5F2EC;--p-viz-2:#FF6A43;--p-viz-3:#5BB3BD;--p-viz-4:#FFC53D;--p-viz-5:#7D8894;
  --p-c-ink:#262626;--p-c-paper:#2A2824;--p-c-mint:#C9E3D3;--p-c-lilac:#D9D0E6;
  --p-shadow-1:0 1px 2px rgba(0,0,0,.3);--p-shadow-2:0 0 0 1px #2A2A2A,0 12px 32px -8px rgba(0,0,0,.6);--p-shadow-3:0 0 0 1px #3A3A3A,0 32px 80px -16px rgba(0,0,0,.8);--p-shadow-lift:0 0 0 1px #3A3A3A,0 16px 32px -14px rgba(0,0,0,.8);
  --p-scrim:rgba(0,0,0,.6);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font-ui);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:var(--p-text);text-decoration:underline;text-decoration-color:var(--p-line-strong);text-underline-offset:2px}
a:hover{color:var(--p-accent-text);text-decoration-color:currentColor}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}
::selection{background:var(--p-accent-soft)}
input[type=range]{accent-color:var(--p-accent)}
select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23D4CDC1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 12px!important}
[data-theme=dark] select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%233A3A3A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
@keyframes p-pulse{0%{box-shadow:0 0 0 0 rgba(242,84,45,.45)}70%{box-shadow:0 0 0 6px rgba(242,84,45,0)}100%{box-shadow:0 0 0 0 rgba(242,84,45,0)}}
@keyframes p-pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes p-fade{from{opacity:0}to{opacity:1}}
@keyframes p-slide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes p-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes p-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes p-shimmer{0%{background-position:-240px 0}100%{background-position:240px 0}}
@keyframes p-indet{0%{left:-35%}100%{left:100%}}
@keyframes p-spin{to{transform:rotate(360deg)}}
html[data-puffin-present] [data-demo-only]{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}