@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-400.woff2) format("woff2")}:root{color-scheme:light dark;--font-display: "Anton", "Arial Narrow", "Oswald", "Helvetica Neue Condensed", system-ui, sans-serif;--font-text: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 6px;--radius-lg: 10px;--radius-pill: 999px;--dur: .19s;--ease: cubic-bezier(.2, .9, .3, 1);--ease-punch: cubic-bezier(.34, 1.56, .64, 1);--bg: #f5f1e8;--surface: #ffffff;--surface-2: #fbf7ee;--text: #17120c;--muted: #6a6053;--border: #e4ddcc;--border-bold: #17120c;--accent: hsl(22 94% 50%);--accent-2: hsl(5 84% 54%);--accent-contrast: #17120c;--accent-soft: color-mix(in oklab, var(--accent) 12%, transparent);--link: hsl(15 88% 40%);--grid: rgba(23,18,12,.055);--shadow: 0 2px 8px rgba(23,18,12,.1);--shadow-lg: 0 16px 40px rgba(23,18,12,.22);--stamp: 4px 4px 0 rgba(23,18,12,.9);--stamp-sm: 3px 3px 0 rgba(23,18,12,.85)}@media (prefers-color-scheme: dark){:root{--bg: #141009;--surface: #1e1810;--surface-2: #251e13;--text: #f7f1e6;--muted: #a89d89;--border: #332b1d;--border-bold: #f7f1e6;--accent: hsl(28 96% 56%);--accent-2: hsl(8 90% 62%);--accent-contrast: #141009;--accent-soft: color-mix(in oklab, var(--accent) 22%, transparent);--link: hsl(30 96% 64%);--grid: rgba(247,241,230,.05);--shadow: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 18px 44px rgba(0,0,0,.6);--stamp: 4px 4px 0 rgba(255,196,120,.28);--stamp-sm: 3px 3px 0 rgba(255,196,120,.24)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 26px 26px,var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.15rem;border-radius:var(--radius);font:700 .82rem/1 var(--font-text);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:var(--_bg);color:var(--_fg);border:2px solid var(--border);transition:transform var(--dur) var(--ease-punch),box-shadow var(--dur) var(--ease-punch),background var(--dur) var(--ease),border-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:var(--border-bold);box-shadow:var(--stamp-sm)}.btn--ghost{background:transparent}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--stamp)}.btn--ghost:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--stamp-sm)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--stamp-sm)}.btn--primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #17120c80}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:2px}.home{max-width:940px;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) 1.1rem 3rem}.home__hero{display:grid;gap:var(--space-3);justify-items:start;text-align:left}.eyebrow{display:inline-flex;align-items:center;font:800 .72rem/1 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-contrast);background:var(--accent);border:2px solid var(--border-bold);border-radius:var(--radius);padding:.5rem .7rem;box-shadow:var(--stamp-sm)}.home__hero h1{margin:.2rem 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(3.4rem,15vw,6.5rem);line-height:.86;letter-spacing:.01em;text-transform:uppercase;padding-bottom:.28em;background:linear-gradient(90deg,#f7385f 0,#f7385f 20%,#ff8c42 20%,#ff8c42 40%,#f2c14e 40%,#f2c14e 60%,#3fbf9f 60%,#3fbf9f 80%,#4d8bff 80%,#4d8bff) left bottom / 100% .16em no-repeat}.home__mark{color:var(--accent)}.lede{margin:.4rem 0 0;max-width:46ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.22rem);line-height:1.6}.picker{margin-top:clamp(2rem,5vw,3.2rem)}.picker__title,.howto h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.3rem,4vw,1.7rem);letter-spacing:.02em;margin:0 0 var(--space-4);display:inline-flex;align-items:center;gap:.6rem}.picker__title:before,.howto h2:before{content:"";width:.55em;height:.55em;background:var(--accent);border:2px solid var(--border-bold);flex:none}.theme-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.theme-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:var(--space-4);min-height:112px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);color:var(--text);cursor:pointer;transition:transform var(--dur) var(--ease-punch),box-shadow var(--dur) var(--ease-punch),border-color var(--dur) var(--ease)}.theme-card:after{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:var(--accent);clip-path:polygon(100% 0,0 0,100% 100%)}.theme-card:hover{transform:translate(-2px,-2px);box-shadow:var(--stamp);border-color:var(--border-bold)}.theme-card:active{transform:translate(1px,1px);box-shadow:var(--stamp-sm)}.theme-card:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:2px}.theme-card__emoji{font-size:1.7rem;line-height:1;display:grid;place-content:center;width:2.4rem;height:2.4rem;border-radius:var(--radius);background:var(--surface-2);border:2px solid var(--border)}.theme-card__title{font-weight:800;font-size:1rem;letter-spacing:-.005em}.theme-card__count{font:700 .68rem/1 var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.theme-card--custom,.theme-card--random{background:var(--surface-2);border-style:dashed;border-color:var(--accent)}.theme-card--custom:after,.theme-card--random:after{background:var(--border-bold)}.picker__lede{margin:-.4rem 0 var(--space-4);color:var(--muted);max-width:46ch}.picker__group{margin-top:clamp(1.5rem,4vw,2.2rem)}.picker__group-title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1rem,3vw,1.15rem);letter-spacing:.06em;color:var(--muted);margin:0 0 var(--space-3);display:flex;align-items:center;gap:.7rem}.picker__group-title:after{content:"";flex:1;height:2px;background:var(--border)}.home__ad,.export__ad{display:block;margin:clamp(1.5rem,5vw,2.5rem) 0}.howto{margin-top:clamp(2rem,6vw,3rem)}.howto ol{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;gap:.7rem;color:var(--muted);line-height:1.6}.howto ol li{position:relative;padding-left:2.6rem;min-height:1.9rem;padding-top:.15rem}.howto ol li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;display:grid;place-content:center;font:400 1rem/1 var(--font-display);background:var(--surface);color:var(--text);border:2px solid var(--border-bold);border-radius:var(--radius)}.howto ol strong{color:var(--text)}.howto__more{color:var(--muted);margin-top:1rem}.howto a,.howto__more a{color:var(--link);font-weight:600}.app{min-height:100dvh;display:flex;flex-direction:column}.board-screen{flex:1;width:100%;max-width:840px;margin:0 auto;padding:clamp(1rem,4vw,1.75rem) 1rem 2rem}.board-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-2);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.board-title{flex:1 1 auto;min-width:40%;margin:0;text-align:center;font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.3rem,4.5vw,1.8rem);letter-spacing:.02em}.board-title-input{flex:1 1 auto;min-width:40%;text-align:center;font:400 clamp(1.2rem,4.5vw,1.7rem)/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;min-height:44px}.board-title-input:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:1px}.board-bar__actions{display:flex;gap:var(--space-2);margin-left:auto}.add-item{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.add-item__input{flex:1;min-height:44px;padding:0 .9rem;border-radius:var(--radius);background:var(--surface);color:var(--text);border:2px solid var(--border);font:500 1rem/1 var(--font-text)}.add-item__input:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:1px}.board-empty{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2.5rem 1rem;text-align:center;color:var(--muted);background:var(--surface-2)}.board{display:grid;gap:var(--space-3)}.lanes{display:grid;gap:8px}.lane{display:flex;align-items:stretch;gap:0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--dur) var(--ease-punch),transform var(--dur) var(--ease-punch),border-color var(--dur) var(--ease)}.lane--over{border-color:var(--border-bold);box-shadow:var(--stamp);transform:translate(-2px,-2px)}.lanes .lane:first-child{background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 9%,var(--surface)),var(--surface) 55%)}.lane__label{flex:0 0 clamp(50px,15vw,68px);display:grid;place-content:center;font:400 clamp(1.5rem,6.5vw,2.1rem)/1 var(--font-display);border-right:2px solid var(--border)}.lane__items,.tray__items{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:center;padding:10px;min-height:66px}.lane__hint{color:var(--muted);font:700 .72rem/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;align-self:center;opacity:.8}@media (min-width: 700px){.lane__items,.tray__items{min-height:52px}}.tray{background:var(--surface-2);border:2px dashed var(--border);border-radius:var(--radius);transition:box-shadow var(--dur) var(--ease-punch),transform var(--dur) var(--ease-punch),border-color var(--dur) var(--ease)}.tray.lane--over{border-style:solid}.tray__label{font:800 .72rem/1 var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 10px 0}.chip{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:var(--radius);background:var(--surface);color:var(--text);border:2px solid var(--border);font:700 .95rem/1.1 var(--font-text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--dur) var(--ease-punch),box-shadow var(--dur) var(--ease-punch),border-color var(--dur) var(--ease)}.chip:hover{transform:translate(-1px,-1px);box-shadow:var(--stamp-sm);border-color:var(--border-bold)}.chip:active{cursor:grabbing;transform:translate(1px,1px);box-shadow:none}.chip:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:2px}.chip--selected{border-color:var(--border-bold);box-shadow:var(--stamp-sm);background:color-mix(in oklab,var(--accent) 14%,var(--surface))}.chip--ghosted{opacity:.35}.mover{margin-top:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border-bold);box-shadow:var(--stamp);animation:mover-in var(--dur) var(--ease-punch)}@keyframes mover-in{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.mover__label{font-size:.9rem;color:var(--muted)}.mover__label strong{color:var(--text)}.mover__btns{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.mover__btn{min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--radius);border:2px solid var(--border-bold);font:400 1.15rem/1 var(--font-display);cursor:pointer;transition:transform var(--dur) var(--ease-punch),box-shadow var(--dur) var(--ease-punch)}.mover__btn:hover{transform:translate(-2px,-2px);box-shadow:var(--stamp-sm)}.mover__btn:active{transform:translate(1px,1px);box-shadow:none}.mover__btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:2px}.mover__btn--tray{background:var(--surface);color:var(--text);font:800 .82rem/1 var(--font-text);letter-spacing:.04em;text-transform:uppercase;border-color:var(--border)}.mover__btn--remove{background:transparent;color:var(--muted);font:800 .82rem/1 var(--font-text);letter-spacing:.04em;text-transform:uppercase;border-color:var(--border)}.drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%) rotate(-3deg) scale(1.06);pointer-events:none;padding:8px 16px;border-radius:var(--radius);background:var(--surface);color:var(--text);border:2px solid var(--border-bold);box-shadow:var(--stamp);font:800 .95rem/1.1 var(--font-text);white-space:nowrap}.export{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:color-mix(in oklab,#000 60%,transparent);animation:fade-in var(--dur) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.export__sheet{width:min(440px,100%);max-height:92dvh;overflow:auto;background:var(--surface);border:2px solid var(--border-bold);border-radius:var(--radius-lg);box-shadow:var(--stamp),var(--shadow-lg);padding:1.25rem;display:grid;gap:var(--space-4)}.export__head{display:flex;align-items:center;justify-content:space-between}.export__head h2{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:1.6rem;letter-spacing:.02em}.export__close{min-height:40px;min-width:40px;padding:0;border-radius:var(--radius)}.export__preview{border-radius:var(--radius);overflow:hidden;border:2px solid var(--border);background:var(--surface-2);display:grid;place-items:center}.export__canvas{display:block;width:100%;height:auto}.export__actions{display:flex;gap:var(--space-3)}.export__actions .btn{flex:1}.export__toast{min-height:1.2em;text-align:center;color:var(--muted);font-size:.9rem}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:1.25rem 1rem 1.5rem;font-size:.85rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em}.legal h2{margin-top:1.6rem;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:1.25rem}.legal p,.legal li{color:var(--muted);line-height:1.7}.legal a{color:var(--link)}.legal__back{display:inline-block;margin-bottom:1rem}@media (prefers-reduced-motion: reduce){*{animation:none!important}.btn,.chip,.theme-card,.mover__btn,.lane{transition:none}.btn:hover,.chip:hover,.theme-card:hover,.mover__btn:hover,.lane--over{transform:none}}