:root{--bg:#141926;--column:#1a2030;--card:#232b3a;--card-border:#313b4f;--panel:#1c2332;--chip:#262f40;--text:#e8ecf3;--heading:#f2f4f8;--muted:#9aa4b5;--soft:#c9d1de;--faint:#8591a6;--border:#2e384c;--border-strong:#3a4458;--accent:#f5b544;--accent-ink:#1b1405;--focus:#8fb4ff;--danger:#ff8a7a;--font-head:"Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-card:12px;--r-column:16px;--r-fab:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::placeholder{color:var(--faint)}.app{flex-direction:column;height:100%;display:flex}.header{justify-content:space-between;align-items:center;gap:24px;padding:28px 40px 20px;display:flex}.header__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.header__title{align-items:baseline;gap:16px;display:flex}.brand{font-family:var(--font-head);letter-spacing:-.02em;color:var(--heading);margin:0;font-size:40px;font-weight:700}.header__count{color:var(--muted);font-size:15px}.sync{color:var(--faint);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;display:inline-flex}.sync:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.sync--synced{color:#5fd3bc}.sync--syncing{color:var(--muted)}.sync--offline{color:var(--accent);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sync--signin{color:var(--danger);text-decoration:underline}button.sync{min-height:44px}.search{background:var(--panel);border:1px solid var(--border);width:340px;height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.search:focus-within{border-color:var(--focus)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1;font-size:15px}.search input:focus-visible{outline:none}.board{flex:1;align-items:flex-start;gap:16px;min-height:0;padding:4px 40px 120px;display:flex;overflow-x:auto}.column{background:var(--column);border-radius:var(--r-column);flex-direction:column;flex:none;gap:12px;width:280px;max-height:100%;padding:14px 12px 12px;display:flex}.column__head{align-items:center;gap:10px;min-height:32px;padding:0 4px;display:flex}.dot{border-radius:3px;flex:none;width:10px;height:10px}.column__name{min-width:0;color:var(--heading);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:15px;font-weight:600;overflow:hidden}.count{text-align:center;min-width:24px;color:var(--soft);background:var(--chip);border-radius:999px;padding:2px 8px;font-size:13px;font-weight:600}.column__list{flex-direction:column;gap:10px;margin:-2px;padding:2px;display:flex;overflow-y:auto}.empty{text-align:center;color:var(--faint);border:1px dashed var(--border);border-radius:var(--r-card);margin:0;padding:18px 8px;font-size:13.5px}.add-column{border:1px dashed var(--border-strong);border-radius:var(--r-column);width:220px;height:52px;color:var(--muted);background:0 0;flex:none;font-size:15px}.add-column:hover{color:var(--text);border-color:var(--muted)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-card);padding:14px;position:relative}.card--newest{border-color:var(--accent)}.card__text{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.card--done .card__text{color:var(--muted);text-decoration:line-through}.card__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;display:flex}.card__time{flex:1}.tag{color:var(--soft);border:1px solid var(--border-strong);border-radius:6px;padding:1px 6px;font-size:11.5px}.tag--done{color:#5fd3bc;border-color:#2f5f57}.card__actions{justify-content:flex-end;gap:2px;margin:6px -6px -6px 0;display:flex}.card__actions [aria-pressed=true]{color:#5fd3bc}.card__confirm{border-top:1px solid var(--card-border);color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:13.5px;display:flex}.card__confirm span{flex:1}@media (hover:hover){.card__actions{background:var(--card);opacity:0;border-radius:10px;margin:0;position:absolute;top:6px;right:6px}.card:hover .card__actions,.card:focus-within .card__actions{opacity:1}}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text);background:#ffffff0f}.icon-btn--quiet{width:32px;height:32px;color:var(--faint);margin:-6px 0}.icon-btn--boxed{background:var(--panel);border:1px solid var(--border);color:var(--soft)}.btn{border:1px solid #0000;border-radius:12px;height:44px;padding:0 18px;font-size:15px}.btn--primary{background:var(--accent);color:var(--accent-ink);padding:0 20px;font-weight:600}.btn--primary:hover:not(:disabled){background:#ffc766}.btn--primary:disabled{opacity:.45}.btn--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--muted)}.btn--small{height:36px;padding:0 12px;font-size:13.5px}.btn--danger{background:var(--danger);color:#2a0d08;font-weight:600}.fab{z-index:5;border-radius:var(--r-fab);background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border:0;justify-content:center;align-items:center;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 30px #00000073}.fab:hover{background:#ffc766}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{--pill-color:var(--muted);border:1px solid var(--border-strong);height:36px;color:var(--soft);white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:14px}.pill:hover{border-color:var(--pill-color)}.pill[aria-pressed=true]{background:var(--pill-color);border-color:var(--pill-color);color:#10141c;font-weight:600}.pill__count{opacity:.75;margin-left:2px}.modal{width:min(560px,100% - 32px);max-height:calc(100% - 32px);color:var(--text);background:0 0;border:0;padding:0}.modal::backdrop{background:#080b12b8}.modal__panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:18px;padding:28px;display:flex;box-shadow:0 24px 60px #00000080}.modal__handle{display:none}.modal__head{justify-content:space-between;align-items:center;margin:-8px -10px -4px 0;display:flex}.modal__title{font-family:var(--font-head);color:var(--heading);margin:0;font-size:26px;font-weight:700}.form{flex-direction:column;gap:18px;display:flex}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.field__label{color:var(--soft);padding:0;font-size:14px}.field__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field__hint{color:var(--muted);font-size:13px}.field__help{color:var(--faint);font-size:12.5px}.field__error{color:var(--danger);font-size:13px}.input{background:var(--bg);border:1px solid var(--border);width:100%;height:44px;color:var(--heading);border-radius:12px;padding:0 14px;font-size:16px}.input--big{resize:none;height:auto;padding:14px;font-size:17px;line-height:1.45}.input:focus-visible{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);outline:none}.form__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.form__stamp{color:var(--muted);font-size:13px}.form__buttons{gap:10px;margin-left:auto;display:flex}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid #0000;border-radius:12px;width:44px;height:44px}.swatch[aria-pressed=true]{border-color:var(--heading);box-shadow:inset 0 0 0 3px var(--panel)}.phone-board{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.tabs{scrollbar-width:none;gap:8px;padding:2px 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.pill--tab{flex:none;height:44px}.pill--add{height:44px;color:var(--muted);border-style:dashed;flex:none}.phone-board__column{flex:1;min-height:0;padding:0 16px 120px;overflow-y:auto}.phone-board__column .column{background:0 0;width:100%;max-height:none;padding:4px 0}.phone-board__column .column__list{overflow:visible}@media (width<=720px){.header{padding:calc(24px + env(safe-area-inset-top)) 16px 12px;flex-direction:column;align-items:stretch;gap:12px}.header__title{flex-wrap:wrap;row-gap:0}.brand{font-size:32px}.header__title{gap:10px}.header__count{font-size:14px}.search{width:100%}.fab{right:16px;bottom:calc(24px + env(safe-area-inset-bottom))}.modal{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}.modal__panel{padding:12px 16px calc(24px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0;gap:16px}.modal__handle{background:var(--border-strong);border-radius:3px;align-self:center;width:40px;height:5px;display:block}.modal__title{font-size:24px}}.signin{place-items:center;min-height:100%;padding:24px 16px;display:grid}.signin__card{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:min(400px,100%);padding:36px 24px;display:flex}.signin__text{color:var(--muted);margin:0}.signin__button{min-height:44px}@media (prefers-reduced-motion:no-preference){.card__actions,.pill,.btn,.fab,.icon-btn{transition:opacity .15s,background-color .15s,border-color .15s,color .15s}.modal[open]{animation:.18s ease-out pop}.card--newest{animation:.4s ease-out arrive}@media (width<=720px){.modal[open]{animation:.22s ease-out slide-up}}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes arrive{0%{opacity:0;transform:translateY(-6px)}}