@font-face{font-family:Bricolage;src:url('./body.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Bricolage;src:url('./display.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root,[data-quack-theme="light"]{
  --bg:#f6f6ef;--bg-2:#efefe8;--panel:#fffef9;--raised:#edede6;--pop:#fffef9;--inset:#f3f3ed;
  --mint:#d6efdd;--paper:#f5f7eb;--yellow:#fce44b;--muted:#52695f;--sidebar:#d6efdd;
  --ink:#173f37;--ink-2:#3f4742;--ink-3:#575e59;--ink-4:#626963;--ink-5:#777e77;
  --line:#173f371a;--line-2:#173f3730;--line-3:#173f3760;--ring:0 0 0 1px #173f3720;
  --shadow-float:0 20px 60px -20px #173f3740;--hov:#173f3709;--hov-2:#173f3712;
  --accent:#28604d;--accent-soft:#28604d12;--accent-line:#28604d50;--accent-ink:#fffef7;
  --action:#173f37;--action-ink:#f5f7eb;--ok:#126c35;--ok-soft:#e2f6e7;--ok-line:#acd7b8;
  --bad:var(--err);--warn:#806100;--err:#aa3b30;--err-soft:#aa3b3010;--err-line:#aa3b3040;
  --info:#2b6690;--info-soft:#2b669010;--info-line:#2b669040;--sel:#a8d7bd80;
  --sans:Bricolage,system-ui,sans-serif;--r-ctl:10px;--r-card:20px;--r-shell:24px;
  --tk-c:#657565;--tk-s:#347448;--tk-n:#9e541d;--tk-k:#7654a1;--tk-b:#8a6600;
  --tk-f:#266993;--tk-t:#197679;--tk-p:#4c667d;--tk-v:#975185;--tk-o:#5c6e63;
  color-scheme:light;
}
[data-quack-theme="dark"]{
  --bg:#141615;--bg-2:#1a1c1b;--panel:#1d1f1e;--raised:#282b29;--pop:#303330;--inset:#181a19;
  --mint:#243d30;--paper:#e9eee3;--yellow:#fce44b;--muted:#a0b3a5;--sidebar:#151e19;
  --ink:#f0f1e9;--ink-2:#d1d4cc;--ink-3:#b4b9b1;--ink-4:#a0a69f;--ink-5:#858c84;
  --line:#d6efdd12;--line-2:#d6efdd20;--line-3:#d6efdd40;--ring:0 0 0 1px #d6efdd18;
  --shadow-float:0 25px 50px -12px #0009;--hov:#d6efdd0a;--hov-2:#d6efdd14;
  --accent:#c5e9cf;--accent-soft:#c5e9cf12;--accent-line:#c5e9cf45;--accent-ink:#173f37;
  --action:#fce44b;--action-ink:#173f37;--ok:#69eb94;--ok-soft:#163522;--ok-line:#2e6b43;
  --warn:#fce44b;--err:#f2988c;--err-soft:#f2988c12;--err-line:#f2988c40;
  --info:#91bce1;--info-soft:#91bce112;--info-line:#91bce140;--sel:#78b38c55;
  --tk-c:#829989;--tk-s:#8fd49b;--tk-n:#f0b36b;--tk-k:#c4a2ff;--tk-b:#fce44b;
  --tk-f:#91bce1;--tk-t:#75c6be;--tk-p:#9bbbe4;--tk-v:#e3a0ff;--tk-o:#99ab9f;
  color-scheme:dark;
}
body{font-family:var(--sans);color:var(--ink);background:var(--bg)}
.btn.acc,.pb-send{background:var(--action);color:var(--action-ink);border-color:transparent}
.btn.acc:hover,.pb-send:hover{background:var(--action);filter:brightness(1.1)}
.sw.on{background:var(--action)}.sw.on i{background:var(--action-ink)}
input,select,textarea{color-scheme:inherit}

:root,[data-quack-theme="light"]{
  --bg:#f6f6f4;--bg-2:#ededeb;--panel:#fff;--raised:#ebebe9;--pop:#fff;--inset:#f1f1ef;
  --mint:#e8e8e5;--paper:#f6f6f4;--muted:#656569;--sidebar:#ececea;
  --ink:#252527;--ink-2:#414145;--ink-3:#606065;--ink-4:#6d6d72;--ink-5:#76767b;
  --line:#25252717;--line-2:#2525272b;--line-3:#25252755;--ring:0 0 0 1px #25252720;
  --shadow-float:0 20px 60px -20px #18181b40;--hov:#25252708;--hov-2:#25252710;
  --action:#252527;--action-ink:#fff;--sel:#a8d7bd80;
}
[data-quack-theme="dark"]{
  --bg:#151516;--bg-2:#1b1b1d;--panel:#202022;--raised:#2c2c2f;--pop:#303033;--inset:#19191b;
  --mint:#2c2c2f;--paper:#f2f2ef;--muted:#a5a5ab;--sidebar:#1b1b1d;
  --ink:#f2f2ef;--ink-2:#d3d3d6;--ink-3:#b6b6bc;--ink-4:#a2a2aa;--ink-5:#898992;
  --line:#ffffff12;--line-2:#ffffff24;--line-3:#ffffff40;--ring:0 0 0 1px #ffffff18;
  --shadow-float:0 25px 50px -12px #0009;--hov:#ffffff09;--hov-2:#ffffff12;
  --action:#e4eee6;--action-ink:#202723;
}
[data-quack-palette="tinted"][data-quack-theme="light"]{
  --bg:#f6f6ef;--bg-2:#efefe8;--panel:#fffef9;--raised:#edede6;--pop:#fffef9;--inset:#f3f3ed;
  --mint:#d6efdd;--paper:#f5f7eb;--muted:#52695f;--sidebar:#d6efdd;
  --ink:#173f37;--ink-2:#3f4742;--ink-3:#575e59;--ink-4:#626963;--ink-5:#777e77;
  --line:#173f371a;--line-2:#173f3730;--line-3:#173f3760;--ring:0 0 0 1px #173f3720;
  --shadow-float:0 20px 60px -20px #173f3740;--hov:#173f3709;--hov-2:#173f3712;
  --action:#173f37;--action-ink:#f5f7eb;
}
[data-quack-palette="tinted"][data-quack-theme="dark"]{
  --bg:#101614;--bg-2:#151e19;--panel:#1b2520;--raised:#253129;--pop:#2d3a31;--inset:#141d18;
  --mint:#243d30;--paper:#e9eee3;--muted:#a0b3a5;--sidebar:#151e19;
  --ink:#f0f1e9;--ink-2:#d1d4cc;--ink-3:#b4b9b1;--ink-4:#a0a69f;--ink-5:#858c84;
  --line:#d6efdd12;--line-2:#d6efdd20;--line-3:#d6efdd40;--ring:0 0 0 1px #d6efdd18;
  --hov:#d6efdd0a;--hov-2:#d6efdd14;--action:#fce44b;--action-ink:#173f37;
}
[data-theme-slot]{display:none}.appearance-setting [data-theme-slot]{display:block;width:100%}
.appearance-setting{display:block}.appearance-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.appearance-copy b{margin:0}.appearance-copy [data-theme-current]{font-size:12px;color:var(--ink-3)}
.theme-picker{padding:0;margin:0;border:0;min-width:0}.theme-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.theme-option{position:relative;display:block;cursor:pointer;min-width:0;font-family:var(--sans);touch-action:manipulation}
.theme-option input{position:absolute;opacity:0;width:1px;height:1px;inset:0}
.theme-preview{--pv-bg:#f6f6f4;--pv-side:#e5e5e2;--pv-panel:#fff;--pv-ink:#29292d;--pv-line:#29292d20;--pv-accent:#b2d7be;display:block;position:relative;aspect-ratio:1.55;border:1px solid var(--line-2);border-radius:13px;background:var(--pv-bg);box-shadow:0 3px 8px #00000005;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;overflow:hidden}
[data-preview="dark"] .theme-preview{--pv-bg:#171719;--pv-side:#252528;--pv-panel:#2c2c30;--pv-ink:#e8e8e6;--pv-line:#ffffff19}
[data-preview="mint"] .theme-preview{--pv-bg:#f6f6ef;--pv-side:#d6efdd;--pv-panel:#fffef9;--pv-ink:#173f37;--pv-line:#173f3720}
[data-preview="forest"] .theme-preview{--pv-bg:#101614;--pv-side:#243d30;--pv-panel:#27382c;--pv-ink:#e9eee3;--pv-line:#d6efdd24;--pv-accent:#fce44b}
.theme-mini-top{height:17%;border-bottom:1px solid var(--pv-line);display:flex;align-items:center;gap:3px;padding-left:8px}.theme-mini-top i{width:3px;height:3px;border-radius:50%;background:var(--pv-ink);opacity:.35}
.theme-mini-side{position:absolute;left:0;top:17%;bottom:0;width:26%;background:var(--pv-side);padding:12% 5% 0}.theme-mini-side b,.theme-mini-side i{display:block;height:3px;background:var(--pv-ink);border-radius:2px;opacity:.2;margin-bottom:7px}.theme-mini-side b{opacity:.8;margin-bottom:11px}
.theme-mini-main{position:absolute;top:32%;left:35%;right:10%;bottom:14%}.theme-mini-main>b{display:block;width:55%;height:5px;background:var(--pv-ink);border-radius:3px}.theme-mini-main>i{display:block;width:78%;height:3px;background:var(--pv-ink);opacity:.25;margin-top:7px;border-radius:2px}.theme-mini-main>span{display:flex;gap:5px;height:35%;margin-top:11px}.theme-mini-main>span i{width:50%;background:var(--pv-panel);border:1px solid var(--pv-line);border-radius:4px}.theme-mini-main em{position:absolute;bottom:0;right:0;width:25%;height:5px;background:var(--pv-accent);border-radius:4px}
.theme-tick{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#c5e9cf;color:#173f37;opacity:0;transform:scale(.6);transition:opacity .18s,transform .22s}.theme-tick svg{width:14px;height:14px}
.theme-option input:checked+.theme-preview{box-shadow:0 0 0 2px var(--ink),0 5px 12px #0000000a;border-color:var(--bg)}.theme-option input:checked+.theme-preview .theme-tick{opacity:1;transform:scale(1)}
.theme-option input:focus-visible+.theme-preview{outline:3px solid var(--accent);outline-offset:5px}.theme-option:hover .theme-preview{transform:translateY(-3px)}
.theme-option-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:13px}.theme-option-caption b{font-size:14px;font-weight:600}.theme-option-caption>span{font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:99px;padding:3px 6px}.theme-option-note{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:var(--ink-4)}
@media(max-width:760px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.appearance-copy{margin-bottom:20px}.theme-option-note{font-size:10px}.theme-option-caption{margin-top:10px}.theme-option-caption b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.theme-preview,.theme-tick{transition:none}.theme-option:hover .theme-preview{transform:none}}