:root{--bg:#faf7f2;--bg-card:#fff;--bg-soft:#f2eee6;--bg-deep:#0e1f1e;--ink:#15201f;--ink-2:#3b4948;--ink-3:#6b7878;--ink-4:#9aa5a4;--line:#e8e2d6;--accent:#2bb3a3;--accent-strong:#1f9c8e;--accent-soft:#e6f6f4;--accent-ink:#0e3f3a;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-xs:0 1px 2px rgba(20,30,30,.04);--shadow-sm:0 2px 8px rgba(20,30,30,.05),0 1px 2px rgba(20,30,30,.04);--shadow-md:0 8px 24px rgba(20,30,30,.06),0 2px 6px rgba(20,30,30,.04);--shadow-lg:0 24px 48px rgba(20,30,30,.08),0 4px 12px rgba(20,30,30,.05);--pad-x:clamp(20px,4vw,56px);--pad-y:clamp(40px,7vw,76px);--font:"Noir Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace}.chips{display:flex;flex-wrap:wrap;margin:-5px}.chips .chip{margin:5px}.chip{background-color:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);display:flex;font-size:.8125rem;font-weight:500;padding:5px 14px;position:relative;transition:all .2s;white-space:nowrap;width:-moz-fit-content;width:fit-content}.chip__close-btn{display:flex;height:15px;margin-left:10px;transition:transform .3s;width:15px}.chip__close-btn svg{height:100%;width:100%;--current-color:var(--ink)}.chip__close-btn:hover{transform:rotate(180deg)}.chip--link{cursor:pointer}.chip--link:hover{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip--link:active{background-color:color-mix(in srgb,var(--accent-soft) 70%,var(--accent) 30%)}.chip--active{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);z-index:1}.chip:not(.chip--readonly):not(.chip--link):not(.chip--active){cursor:pointer}.chip:not(.chip--readonly):not(.chip--link):not(.chip--active):hover{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip--readonly{cursor:default;pointer-events:none}