*{box-sizing:border-box}:root{--cursor-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' viewBox='0 0 14 21' shape-rendering='crispEdges'%3E%3Cpath d='M1 1v15l4-3.5 3 6.5 3-1.5-3-6.5h5z' fill='white' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") 1 1, default;--cursor-hand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' viewBox='0 0 14 21' shape-rendering='crispEdges'%3E%3Cpath d='M1 1v15l4-3.5 3 6.5 3-1.5-3-6.5h5z' fill='%23ffe56a' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") 1 1, pointer}html,body{cursor:var(--cursor-arrow)}button,select,.grip,.card,.toggles button,.card-actions button{cursor:var(--cursor-hand)}.search input{cursor:text}:focus-visible{outline:3px solid #111;outline-offset:2px}::selection{background:#ffe56a}button,input{font-family:inherit}button,.card,.column,.stat,.search input,.live{transition:transform .16s ease,box-shadow .16s ease,background-color .2s ease,opacity .16s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-height:100vh;color:#161616;font-family:Nunito,Segoe UI,sans-serif;background-color:#8ec9ff;background-image:radial-gradient(ellipse 460px 240px at 8% 6%,rgba(255,255,255,.92),transparent 70%),radial-gradient(ellipse 560px 280px at 92% 0%,rgba(255,255,255,.78),transparent 72%),radial-gradient(ellipse 420px 220px at 74% 100%,rgba(255,255,255,.5),transparent 70%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.35),transparent 18%),linear-gradient(#d7f1ff,#7eb6ff 46%,#c5e6ff);background-attachment:fixed}body:before{content:"";position:fixed;left:0;right:0;top:0;height:14px;z-index:5;border-bottom:3px solid #111;background:repeating-linear-gradient(90deg,#ffe56a 0,#ffe56a 18px,#7dccff 18px,#7dccff 36px)}.app{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:36px 18px 72px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 42%,rgba(255,255,255,.8),transparent 26%),radial-gradient(circle at 86% 28%,rgba(255,255,255,.7),transparent 24%),linear-gradient(#e7f7ff,#9fd4ff 70%,#b9e4ff);border:3px solid #111;border-radius:28px;padding:0 22px;box-shadow:8px 8px #111}.winbar{display:flex;align-items:center;margin:0 -22px 8px;padding:8px 14px;background:linear-gradient(#8fd4ff,#3d92e8);border-bottom:3px solid #111}.win-dots{display:flex;gap:6px}.win-dots i{width:12px;height:12px;display:block;border-radius:50%;border:2px solid #111}.win-dots i:nth-child(1){background:#ff8fab}.win-dots i:nth-child(2){background:#ffe56a}.win-dots i:nth-child(3){background:#b6f25a}.hero-top{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;align-items:flex-end}.brand{min-width:0}.eyebrow{margin:0 0 2px;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.brand h1{position:relative;display:inline-block;margin:0;font-family:Bodoni Moda,Georgia,serif;font-style:italic;font-weight:900;font-size:clamp(2.4rem,6.4vw,4.8rem);line-height:.9;white-space:nowrap;letter-spacing:-.03em;color:#fff;-webkit-text-stroke:2.5px #111;paint-order:stroke fill;text-shadow:4px 4px 0 #111}.brand h1:after{content:"";position:absolute;left:-8%;right:-4%;top:38%;height:52%;border:2.5px solid #111;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.doodles{position:relative;z-index:1;display:flex;gap:12px;align-items:center;margin:10px 0 2px}.doodle{width:30px;height:30px;display:block}.doodle.heart{width:28px;height:26px}.doodle.note{width:26px;height:30px}.live{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:none;margin-bottom:8px;background:linear-gradient(180deg,#f7ffc8,#c6f56a 46%,#8ed63c);border:2.5px solid #111;border-radius:999px;padding:8px 16px;font-weight:800;color:#111;box-shadow:3px 3px #111,inset 0 2px #ffffffd9}.dot{width:10px;height:10px;border-radius:50%;background:#111;box-shadow:0 0 #11111173;animation:pulse 1.8s infinite}.live.off{background:#e7eef5;color:#333;box-shadow:3px 3px #111}.live.off .dot{animation:none;background:#888;box-shadow:none}@keyframes pulse{70%{box-shadow:0 0 0 7px #1110}to{box-shadow:0 0 #1110}}.stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-bottom:16px}.stat{background:#fff;border:2.5px solid #111;border-radius:16px;padding:8px 14px;min-width:96px;box-shadow:3px 3px #111}.stat b{display:block;font-size:1.15rem;animation:pop .28s ease}.stat span{font-size:.75rem;font-weight:800}.checker{height:16px;margin:0 -22px;border-top:3px solid #111;background:repeating-linear-gradient(90deg,#ffe56a 0,#ffe56a 18px,#7dccff 18px,#7dccff 36px)}.error{background:#ffe1ea;color:#111;border:2.5px solid #111;padding:12px 14px;border-radius:16px;margin-top:14px;font-weight:800;box-shadow:4px 4px #111}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;padding:12px;background:#ffffffb8;border:3px solid #111;border-radius:22px;box-shadow:6px 6px #111}.search{position:relative;flex:1 1 220px}.search input{width:100%;border:2.5px solid #111;background:#fff;border-radius:999px;padding:10px 16px;color:#111;font-size:.95rem;font-weight:800;box-shadow:3px 3px #111,inset 0 2px #fff}.search input::placeholder{color:#6d6d6d;font-weight:700}.search input:focus{transform:translate(-1px,-1px);box-shadow:5px 5px #111,inset 0 2px #fff}.pills,.view{display:flex;gap:6px;flex-wrap:wrap}.pills button,.view button{border:2.5px solid #111;background:#fff;color:#111;font-size:.9rem;font-weight:800;border-radius:999px;padding:8px 14px;box-shadow:3px 3px #111}.pills button[aria-pressed=true],.view button[aria-pressed=true]{background:linear-gradient(180deg,#f7ffc8,#c6f56a 46%,#8ed63c);box-shadow:2px 2px #111,inset 0 2px #ffffffd9}.pills button:hover,.view button:hover,.toggles button:hover,.card-actions button:hover{transform:translate(-1px,-1px)}.pills button:active,.view button:active,.toggles button:active,.card-actions button:active{transform:translate(2px,2px);box-shadow:0 0 #111}.showing{margin:0;font-size:.85rem;font-weight:800}.loading,.welcome-note,.empty-board{margin:0 0 14px;font-weight:800}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.column{background:#f4fbff;border:3px solid #111;border-radius:18px;padding:0 0 12px;min-height:240px;box-shadow:6px 6px #111;overflow:hidden}.column.is-over{box-shadow:9px 9px #111;background:#fff}.column.is-over .column-body{background:#ffffff8c}.column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px;padding:10px 12px;border-bottom:3px solid #111;background:linear-gradient(#fff,#e7f6ff)}.board .column:nth-child(1) .column-head{background:linear-gradient(#ffe4f4,#ffb3d9)}.board .column:nth-child(2) .column-head{background:linear-gradient(#fff7c2,#ffe56a)}.board .column:nth-child(3) .column-head{background:linear-gradient(#e7f8ff,#9adfff)}.column h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.02rem}.hint{margin:2px 0 0;color:#333;font-size:.75rem;font-weight:800}.swatch{width:12px;height:12px;border-radius:3px;border:2px solid #111;flex:none}.swatch-pending{background:#ff8fbf}.swatch-in_progress{background:#ffe56a}.swatch-completed{background:#b6f25a}.count{min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:#fff;font-weight:800;border:2px solid #111;animation:pop .28s ease}.column-body{max-height:calc(100vh - 380px);overflow:auto;padding:0 10px;transition:background-color .16s ease}.column-body::-webkit-scrollbar{width:10px}.column-body::-webkit-scrollbar-thumb{background:#111;border:2px solid #fff;border-radius:99px}.empty{margin:8px 6px 12px;font-weight:800;font-size:.92rem}.card{position:relative;background:#fff;border:2.5px solid #111;border-radius:16px;padding:12px 12px 10px;margin-bottom:12px;box-shadow:4px 4px #111}.card.status-pending{background:#ffe4f3}.card.status-in_progress{background:#fff6b8}.card.status-completed{background:#e5f8ff}.card.bad{background:#ffe1e1}.card.fresh{outline:3px solid #111;outline-offset:3px;animation:rise .45s ease}.card.is-dragging{opacity:.35}.card.overlay{width:100%;margin:0;rotate:-2deg;box-shadow:8px 8px #111;transition:none}.grip{display:flex;justify-content:center;align-items:center;gap:5px;width:72px;min-height:36px;margin:0 auto 8px;padding:10px 0;border:0;border-radius:999px;background:transparent;touch-action:none}.grip i{width:5px;height:5px;border-radius:50%;background:#111;transition:transform .14s ease}.grip:hover i:nth-child(1){transform:translateY(-2px)}.grip:hover i:nth-child(3){transform:translateY(2px)}.grip:disabled{cursor:progress;opacity:.5}@keyframes rise{0%{transform:translateY(6px)}to{transform:none}}@keyframes pop{0%{transform:scale(.72)}to{transform:scale(1)}}.text{margin:0 0 10px;font-size:1.02rem;font-weight:800;line-height:1.35;word-break:break-word}.dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.dots i{width:5px;height:5px;border-radius:50%;background:#111;animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:2px solid #111;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800}.icon{width:14px;height:14px;display:block}.time{margin-left:auto;font-size:.75rem;font-weight:800}.toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.toggles button{border:2px solid #111;background:#fff;color:#111;font-size:.7rem;font-weight:800;padding:7px 4px;border-radius:999px;white-space:nowrap}.toggles button[aria-pressed=true]{background:linear-gradient(180deg,#f7ffc8,#c6f56a 46%,#8ed63c);box-shadow:2px 2px #111,inset 0 1px #fff}.toggles button:disabled{cursor:progress;opacity:.65}.card-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.card-actions button{border:2px solid #111;background:#fff;color:#111;font-size:.75rem;font-weight:800;padding:6px 10px;border-radius:999px}.card-actions button.danger{background:#ffb3c7}.card-actions button:disabled{cursor:progress;opacity:.65}.list{display:flex;flex-direction:column;gap:12px}.list .card{margin:0}@media (min-width: 801px){.list .card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text toggles" "meta toggles";column-gap:18px;align-items:center}.list .text{grid-area:text;margin-bottom:6px}.list .meta{grid-area:meta;margin-bottom:0}.list .toggles{grid-area:toggles;width:300px}.list .card-actions{grid-column:1 / -1}}@media (max-width: 900px){.board{grid-template-columns:1fr}.column-body{max-height:none}}@media (max-width: 640px){.brand h1{font-size:2.35rem;text-shadow:3px 3px 0 #111;-webkit-text-stroke-width:2px}.toggles button{font-size:.66rem;padding:8px 2px}.time{margin-left:0}}@media (hover: hover){.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #111}.card.is-dragging:hover,.card.overlay:hover{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card.overlay{rotate:none}}