:root{--gray-50: #fdf6f8;--gray-100: #f9ecef;--gray-200: #f0dde2;--gray-300: #e1c6d1;--gray-400: #cba9b8;--gray-500: #b18c9f;--gray-600: #926f83;--gray-700: #735663;--gray-800: #55414a;--gray-900: #3c2e32;--thistle: #cdb4dbff;--fairy-tale: #ffc8ddff;--carnation-pink: #ffafccff;--uranian-blue: #bde0feff;--light-sky-blue: #a2d2ffff;--bg: var(--gray-50);--text: var(--gray-900);--card-bg: var(--gray-100);--card-text: var(--gray-800);--button-bg: var(--gray-400);--button-text: var(--gray-50)}@media (prefers-color-scheme: dark){:root{--bg: var(--gray-900);--text: var(--gray-50);--card-bg: var(--gray-800);--card-text: var(--gray-100);--button-bg: var(--gray-600);--button-text: var(--gray-50)}}:root:has([value=☀️]:checked),:root[data-theme=☀️]{--bg: var(--gray-50);--text: var(--gray-900);--card-bg: var(--gray-100);--card-text: var(--gray-800);--button-bg: var(--gray-400);--button-text: var(--gray-50)}:root:has([value=🌑]:checked),:root[data-theme=🌑]{--bg: var(--gray-900);--text: var(--gray-50);--card-bg: var(--gray-800);--card-text: var(--gray-100);--button-bg: var(--gray-600);--button-text: var(--gray-50)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text)}body,p,h1,h2,h3,h4,h5,h6{margin:0}.column{width:200px;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.drop-line{height:2px;background-color:var(--light-sky-blue);margin:4px 0;border-radius:1px}.drag-preview{pointer-events:none;position:absolute;top:-9999px;z-index:-1;opacity:.8;transform:scale(1.05);box-shadow:0 4px 16px #0003}.card{background-color:var(--card-bg);display:inline-block;border-radius:.3rem;padding:.5rem 1rem;border:1px solid var(--card-text);transition:transform .15s ease}.card[draggable]:active{opacity:1;cursor:grab}.card.shift-up{transform:translateY(-20px)}.card.shift-down{transform:translateY(20px)}fieldset{border:none;padding:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--text)}header svg{height:2rem;width:min-content}.theme-picker fieldset{display:flex;border:0;padding:0;margin:0}.theme-picker label{display:flex;color:var(--button-text);padding:.25rem}.theme-picker svg{height:1rem;width:1rem;fill:var(--text)}.theme-picker label:has(input[type=radio]:focus-visible){outline:2px dotted var(--carnation-pink);outline-offset:2px}.theme-picker label:has(input[type=radio]:checked){background-color:var(--button-bg)}