@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-quack-appearance="onyx"]{
  --bg:#080809;--bg-2:#0c0c0e;--panel:#111113;--raised:#1b1b1e;--pop:#202023;--inset:#0a0a0c;
  --mint:#1b1b1e;--sidebar:#0c0c0e;
}
[data-quack-palette][data-quack-appearance="lavender"]{
  --bg:#f7f3fb;--bg-2:#eee7f6;--panel:#fffaff;--raised:#eee8f5;--pop:#fffaff;--inset:#f4eef9;
  --mint:#e8ddf5;--paper:#fbf7ff;--muted:#6e647a;--sidebar:#eadff3;
  --ink:#362542;--ink-2:#514261;--ink-3:#6a5c77;--ink-4:#786c83;--ink-5:#8e8297;
  --line:#36254218;--line-2:#3625422b;--line-3:#36254255;--ring:0 0 0 1px #36254220;
  --shadow-float:0 20px 60px -20px #36254240;--hov:#36254209;--hov-2:#36254212;
  --accent:#6f4aa4;--accent-soft:#6f4aa412;--accent-line:#6f4aa450;--accent-ink:#fffaff;
  --action:#362542;--action-ink:#fffaff;--ok:#2f7b5c;--ok-soft:#e2f5e9;--ok-line:#acd7b8;
  --warn:#8c6500;--err:#a7425d;--err-soft:#a7425d10;--err-line:#a7425d40;
  --info:#41689d;--info-soft:#41689d10;--info-line:#41689d40;--sel:#d6b8ef80;
}
[data-quack-palette][data-quack-appearance="ocean"]{
  --bg:#0b131c;--bg-2:#111d29;--panel:#162533;--raised:#203446;--pop:#294052;--inset:#0e1923;
  --mint:#1d3445;--paper:#e7f2fa;--muted:#9db2c4;--sidebar:#0f202e;
  --ink:#edf6fb;--ink-2:#d3e4ee;--ink-3:#b0c6d3;--ink-4:#96adbc;--ink-5:#7c95a5;
  --line:#d9efff14;--line-2:#d9efff24;--line-3:#d9efff42;--ring:0 0 0 1px #d9efff1a;
  --shadow-float:0 25px 50px -12px #000b;--hov:#d9efff0a;--hov-2:#d9efff14;
  --accent:#72c9e8;--accent-soft:#72c9e812;--accent-line:#72c9e845;--accent-ink:#08202c;
  --action:#c7f3ff;--action-ink:#0d2834;--ok:#74e0ad;--ok-soft:#14392d;--ok-line:#2d7658;
  --warn:#f6d36e;--err:#ff9b9b;--err-soft:#ff9b9b12;--err-line:#ff9b9b40;
  --info:#9fc5ff;--info-soft:#9fc5ff12;--info-line:#9fc5ff40;--sel:#65c2e455;
}
[data-quack-palette][data-quack-appearance="ember"]{
  --bg:#190f10;--bg-2:#241517;--panel:#2f1b1d;--raised:#432527;--pop:#573035;--inset:#211214;
  --mint:#442226;--paper:#fff0e7;--muted:#c6a3a0;--sidebar:#281719;
  --ink:#fff2e9;--ink-2:#f2d8cf;--ink-3:#d5b8b1;--ink-4:#bfa19d;--ink-5:#a78b88;
  --line:#ffe4d614;--line-2:#ffe4d624;--line-3:#ffe4d642;--ring:0 0 0 1px #ffe4d61a;
  --shadow-float:0 25px 50px -12px #000b;--hov:#ffe4d60a;--hov-2:#ffe4d614;
  --accent:#ffb07c;--accent-soft:#ffb07c12;--accent-line:#ffb07c45;--accent-ink:#3b1c12;
  --action:#ffd2a8;--action-ink:#442018;--ok:#8cdaa2;--ok-soft:#183b26;--ok-line:#3c7950;
  --warn:#ffd36d;--err:#ff9b9b;--err-soft:#ff9b9b12;--err-line:#ff9b9b40;
  --info:#9fcaff;--info-soft:#9fcaff12;--info-line:#9fcaff40;--sel:#ffb07c55;
}
[data-quack-palette][data-quack-appearance="paper"]{
  --bg:#f4f0ea;--bg-2:#ebe3d8;--panel:#fffdf8;--raised:#e8ded1;--pop:#fffdf8;--inset:#f0e9df;
  --mint:#e5d7c7;--paper:#fbf6ed;--muted:#756b62;--sidebar:#e7dbcc;
  --ink:#312a24;--ink-2:#51463d;--ink-3:#6a5d53;--ink-4:#7d7066;--ink-5:#908278;
  --line:#312a2418;--line-2:#312a242b;--line-3:#312a2455;--ring:0 0 0 1px #312a2420;
  --shadow-float:0 20px 60px -20px #312a2440;--hov:#312a2409;--hov-2:#312a2412;
  --accent:#8a5938;--accent-soft:#8a593812;--accent-line:#8a593850;--accent-ink:#fffdf8;
  --action:#312a24;--action-ink:#fffdf8;--ok:#39724e;--ok-soft:#e2f3e5;--ok-line:#acd2b5;
  --warn:#886300;--err:#a64033;--err-soft:#a6403310;--err-line:#a6403340;
  --info:#3d6791;--info-soft:#3d679110;--info-line:#3d679140;--sel:#d3b89980;
}
[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(auto-fit,minmax(140px,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="onyx"] .theme-preview{--pv-bg:#080809;--pv-side:#0c0c0e;--pv-panel:#111113;--pv-ink:#f2f2ef;--pv-line:#ffffff24}
[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}
[data-preview="lavender"] .theme-preview{--pv-bg:#f7f3fb;--pv-side:#eadff3;--pv-panel:#fffaff;--pv-ink:#362542;--pv-line:#36254220;--pv-accent:#a986d4}
[data-preview="ocean"] .theme-preview{--pv-bg:#0b131c;--pv-side:#0f202e;--pv-panel:#203446;--pv-ink:#edf6fb;--pv-line:#d9efff24;--pv-accent:#72c9e8}
[data-preview="ember"] .theme-preview{--pv-bg:#190f10;--pv-side:#281719;--pv-panel:#432527;--pv-ink:#fff2e9;--pv-line:#ffe4d624;--pv-accent:#ffb07c}
[data-preview="paper"] .theme-preview{--pv-bg:#f4f0ea;--pv-side:#e7dbcc;--pv-panel:#fffdf8;--pv-ink:#312a24;--pv-line:#312a2420;--pv-accent:#c18c61}
.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}}