:root{--tiotl-radius:8px;--tiotl-shadow:0 2px 8px rgba(0,0,0,.08);--tiotl-transition:150ms ease;--tiotl-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[class*=" tiotl-"] input,[class*=" tiotl-"] select,[class*=" tiotl-"] textarea,[class^=tiotl-] input,[class^=tiotl-] select,[class^=tiotl-] textarea{box-sizing:border-box}.tiotl-emoji-picker{display:inline-block;position:relative}.tiotl-emoji-picker__trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1.25rem;gap:.4rem;line-height:1;min-width:3.25rem;padding:.375rem .625rem}.tiotl-emoji-picker__trigger:hover{border-color:#94a3b8}.tiotl-emoji-picker__trigger:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.tiotl-emoji-picker__caret{color:#64748b;font-size:.75rem}.tiotl-emoji-picker__panel{background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(15,23,42,.15);left:0;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.tiotl-emoji-picker__panel[hidden]{display:none}.tiotl-emoji-picker__panel emoji-picker{--background:#fff;--border-radius:8px;height:360px}.tiotl-settings-overlay{background:rgba(0,0,0,.4);inset:0;position:fixed;z-index:200}.tiotl-settings-panel{background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:0;height:100vh;max-width:100vw;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;width:480px;z-index:201}.tiotl-settings-overlay[hidden],.tiotl-settings-panel[hidden]{display:none}.tiotl-settings-panel__title{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 1rem;padding-right:2rem}.tiotl-settings-panel__close{align-items:center;background:transparent;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease );width:2rem}.tiotl-settings-panel__close:hover{background:#f3f4f6;color:#111827}.tiotl-settings-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-direction:row;gap:0;margin-bottom:1.25rem}.tiotl-settings-tabs__btn{background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1rem;transition:color var( --tiotl-transition,.15s ease ),border-color var( --tiotl-transition,.15s ease )}.tiotl-settings-tabs__btn:hover{color:#374151}.tiotl-settings-tabs__btn[aria-selected=true]{border-bottom-color:#0ea5e9;color:#0ea5e9;font-weight:600}.tiotl-settings-tab-panel{padding:.25rem 0 1rem}.tiotl-settings-tab-panel__hint{color:#6b7280;font-size:.8125rem;margin:0 0 .875rem}.tiotl-settings-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.tiotl-settings-field__label{color:#374151;font-size:.875rem;font-weight:500}.tiotl-settings-field__input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:.5rem .75rem;transition:border-color var( --tiotl-transition,.15s ease ),box-shadow var( --tiotl-transition,.15s ease )}.tiotl-settings-field__input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.tiotl-settings-field__input--icon{font-size:1.25rem;max-width:6rem;text-align:center}.tiotl-settings-field__select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.tiotl-settings-field__select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.tiotl-settings-field__color-row{align-items:center;display:flex;gap:.75rem}.tiotl-settings-field__color{background:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:2.5rem;padding:.125rem;width:2.5rem}.tiotl-settings-field__color-hint{color:#6b7280;font-family:monospace;font-size:.8125rem}.tiotl-btn{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease ),border-color var( --tiotl-transition,.15s ease )}.tiotl-btn--primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.tiotl-btn--primary:hover{background:#0284c7;border-color:#0284c7}.tiotl-btn--secondary{background:#f3f4f6;border-color:#d1d5db;color:#374151}.tiotl-btn--secondary:hover{background:#e5e7eb}.tiotl-btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.tiotl-btn--danger:hover{background:#dc2626;border-color:#dc2626}.tiotl-btn--ghost{background:transparent;border-color:#d1d5db;color:#6b7280}.tiotl-btn--ghost:hover{background:#f3f4f6;color:#374151}.tiotl-settings-actions{margin-top:.5rem}.tiotl-states-list{display:flex;flex-direction:column;margin-bottom:.75rem}.tiotl-state-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;padding:.5rem 0}.tiotl-state-row:last-child{border-bottom:none}.tiotl-state-row__drag{color:#9ca3af;cursor:grab;flex-shrink:0;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiotl-state-row__drag:active{cursor:grabbing}.tiotl-state-row__color{background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:1.75rem;padding:0;width:1.75rem}.tiotl-state-row__name{background:transparent;border:1px solid transparent;border-radius:4px;color:#111827;flex:1;font-size:.875rem;min-width:0;padding:.25rem .375rem}.tiotl-state-row__name:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.tiotl-state-row__badge{background:#f9fafb;border:1px solid #d1d5db;border-radius:9999px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease ),border-color var( --tiotl-transition,.15s ease )}.tiotl-state-row__badge:hover{background:#f3f4f6;color:#374151}.tiotl-state-row__badge--active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.tiotl-state-row__badge--complete.tiotl-state-row__badge--active{background:#dcfce7;border-color:#86efac;color:#15803d}.tiotl-state-row__delete{align-items:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:1.5rem;justify-content:center;line-height:1;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease );width:1.5rem}.tiotl-state-row__delete:hover{background:#fee2e2;color:#ef4444}.tiotl-add-state-row{align-items:center;border-top:1px dashed #d1d5db;display:flex;gap:.5rem;margin-top:.25rem;padding-top:.75rem}.tiotl-add-state-row__color{background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:1.75rem;padding:0;width:1.75rem}.tiotl-add-state-row__input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1;font-size:.875rem;min-width:0;padding:.4375rem .75rem}.tiotl-add-state-row__input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.tiotl-migration-prompt{background:#fef9c3;border:1px solid #fde047;border-radius:6px;margin:.75rem 0;padding:.875rem 1rem}.tiotl-migration-prompt__text{color:#713f12;font-size:.875rem;font-weight:500;margin:0 0 .625rem}.tiotl-migration-prompt__select{background:#fff;border:1px solid #fcd34d;border-radius:6px;color:#111827;display:block;font-size:.875rem;margin-bottom:.75rem;padding:.4375rem .75rem;width:100%}.tiotl-migration-prompt__select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.2);outline:none}.tiotl-migration-prompt__actions{display:flex;flex-wrap:wrap;gap:.5rem}.tiotl-priorities-list{display:flex;flex-direction:column;margin-bottom:.75rem}.tiotl-priority-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;padding:.5rem 0}.tiotl-priority-row:last-child{border-bottom:none}.tiotl-priority-row__drag{color:#9ca3af;cursor:grab;flex-shrink:0;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiotl-priority-row__drag:active{cursor:grabbing}.tiotl-priority-row__color{background:transparent;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;flex-shrink:0;height:1.75rem;padding:0;width:1.75rem}.tiotl-priority-row__name{background:transparent;border:1px solid transparent;border-radius:4px;color:#111827;flex:1;font-size:.875rem;min-width:0;padding:.25rem .375rem}.tiotl-priority-row__name:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.tiotl-priority-row__delete{align-items:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:1.5rem;justify-content:center;line-height:1;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease );width:1.5rem}.tiotl-priority-row__delete:hover{background:#fee2e2;color:#ef4444}.tiotl-add-priority-row{align-items:center;border-top:1px dashed #d1d5db;display:flex;gap:.5rem;margin-top:.25rem;padding-top:.75rem}.tiotl-add-priority-row__color{background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:1.75rem;padding:0;width:1.75rem}.tiotl-add-priority-row__input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1;font-size:.875rem;min-width:0;padding:.4375rem .75rem}.tiotl-add-priority-row__input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}@media (max-width:520px){.tiotl-settings-panel{width:100vw}}.tiotl-visibility-cards{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.tiotl-visibility-card{align-items:flex-start;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.875rem;text-align:left;transition:border-color .15s ease,background .15s ease;width:100%}.tiotl-visibility-card:hover{background:#eff6ff;border-color:#93c5fd}.tiotl-visibility-card--active{background:#eff6ff;border-color:#3b82f6}.tiotl-visibility-card__icon{font-size:1.25rem;line-height:1}.tiotl-visibility-card__title{color:#111827;font-size:.875rem;font-weight:600}.tiotl-visibility-card__desc{color:#6b7280;font-size:.75rem;line-height:1.4}.tiotl-sharing-section{border-top:1px solid #f3f4f6;margin-top:.5rem;padding-top:1rem}.tiotl-sharing-section__title{color:#111827;font-size:.9375rem;font-weight:600;margin:0 0 .875rem}.tiotl-invite-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.tiotl-invite-row__input{flex:1}.tiotl-invite-row__input,.tiotl-invite-row__role{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .625rem}.tiotl-invite-row__role{background:#fff}.tiotl-invite-preview{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;color:#0c4a6e;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem;text-align:left;width:100%}.tiotl-invite-preview:hover{background:#e0f2fe;border-color:#7dd3fc}.tiotl-invite-preview:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.tiotl-invite-preview__name{font-weight:600}.tiotl-invite-preview__username{color:#475569;font-size:.8125rem}.tiotl-invite-preview__username:not(:empty):before{content:"@"}.tiotl-sharing-members__title{color:#374151;font-size:.875rem;font-weight:600;margin:.75rem 0 .5rem}.tiotl-member-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;padding:.5rem 0}.tiotl-member-row:last-child{border-bottom:none}.tiotl-member-row__name{color:#111827;flex:1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiotl-member-row__role{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;padding:.375rem .5rem}.tiotl-member-row__remove{align-items:center;background:transparent;border:1px solid #fca5a5;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:1.5rem;justify-content:center;transition:background .15s ease;width:1.5rem}.tiotl-member-row__remove:hover{background:#fee2e2}.tiotl-share-link-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.875rem}.tiotl-share-link-row__url{background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;flex:1;font-size:.875rem;min-width:0;overflow:hidden;padding:.5rem .625rem;text-overflow:ellipsis}.tiotl-password-status{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:.375rem;display:flex;gap:1rem;margin-bottom:.75rem;padding:.75rem}.tiotl-password-status__msg{color:#166534;flex:1;font-size:.875rem;font-weight:500;margin:0}.tiotl-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.tiotl-filter-bar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var( --tiotl-radius,8px );display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem}.tiotl-filter-segment{background:#eef0f3;border-radius:calc(var( --tiotl-radius, 8px ) - 2px);display:inline-flex;gap:2px;padding:3px}.tiotl-filter-segment__btn{background:transparent;border:0;border-radius:calc(var( --tiotl-radius, 8px ) - 4px);color:#555;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.3125rem .75rem}.tiotl-filter-segment__btn.is-active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);color:#111}.tiotl-filter-dropdown{position:relative}.tiotl-filter-dropdown summary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;list-style:none;padding:.375rem .75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiotl-filter-dropdown summary::-webkit-details-marker{display:none}.tiotl-filter-dropdown__menu{background:#fff;border:1px solid #e5e7eb;border-radius:var( --tiotl-radius,8px );box-shadow:var( --tiotl-shadow,0 4px 12px rgba(0,0,0,.1) );display:flex;flex-direction:column;gap:.25rem;left:0;min-width:200px;padding:.5rem;position:absolute;top:calc(100% + 4px);z-index:100}.tiotl-filter-dropdown__menu--right{left:auto;right:0}.tiotl-filter-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.3125rem .5rem}.tiotl-filter-option:hover{background:#f3f4f6}.tiotl-filter-option__group-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.04em;padding:.5rem .5rem .25rem;text-transform:uppercase}.tiotl-filter-option__group-label:not(:first-child){border-top:1px solid #e5e7eb;margin-top:.25rem}.tiotl-filter-swatch{border-radius:50%;flex-shrink:0;height:10px;width:10px}.tiotl-filter-badge{align-items:center;background:#3b82f6;border-radius:999px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.tiotl-filter-empty{color:#9ca3af;font-size:.8125rem;margin:0;padding:.25rem .5rem}.tiotl-filter-select-wrap{align-items:center;display:flex;font-size:.8125rem;gap:.375rem}.tiotl-filter-select-label{color:#374151;font-weight:500}.tiotl-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;padding:.3125rem .625rem}.tiotl-filter-search{flex:1;min-width:160px}.tiotl-filter-search__input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.375rem .75rem;width:100%}.tiotl-filter-search__input:focus{outline:2px solid #3b82f6;outline-offset:1px}.tiotl-filter-clear{background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:.8125rem;padding:.25rem .5rem;text-decoration:underline}.tiotl-filter-clear:hover{color:#dc2626}.tiotl-list-view{--tiotl-scrubber-h:28px;--tiotl-row-gap:0.75rem;font-family:var( --tiotl-font-sans,system-ui,sans-serif );padding:1.5rem 1rem}.tiotl-error{color:#dc2626;padding:1rem}.tiotl-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.tiotl-back-link{color:#6b7280;font-size:.875rem;text-decoration:none}.tiotl-back-link:hover{color:#111827}.tiotl-list-title{color:#111827;flex:1;font-size:1.5rem;font-weight:700;margin:0}.tiotl-view-toggle{background:#f3f4f6;border-radius:6px;display:flex;gap:2px;padding:2px}.tiotl-view-toggle__btn{background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.375rem .875rem;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease )}.tiotl-view-toggle__btn--active,.tiotl-view-toggle__btn[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#111827}.tiotl-filter-bar .tiotl-filter-clear{margin-left:auto}.tiotl-checklist{display:flex;flex-direction:column;gap:var( --tiotl-row-gap,.75rem );list-style:none;margin:0;padding:0}.tiotl-checklist-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var( --tiotl-radius,8px );box-shadow:var( --tiotl-shadow,0 1px 3px rgba(0,0,0,.06) );display:flex;gap:.625rem;padding:.625rem .75rem;transition:background-color .25s ease,border-color .25s ease}.tiotl-checklist-row__title{color:#111827;flex:1;font-size:.9375rem;font-weight:500;min-width:0;text-decoration:none;transition:color .25s ease}.tiotl-checklist-row__title:hover{text-decoration:underline}.tiotl-checklist-row--complete{background:#f9fafb;border-color:#e5e7eb}.tiotl-checklist-row--complete .tiotl-checklist-row__title{color:#6b7280}.tiotl-checklist-row--complete .tiotl-checklist-row__title-text{background-image:linear-gradient(currentColor,currentColor);background-position:0 60%;background-repeat:no-repeat;background-size:100% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (prefers-reduced-motion:no-preference){.tiotl-checklist-row--celebrating.tiotl-checklist-row--complete .tiotl-checklist-row__title-text{animation:tiotl-strike .32s ease-out both}.tiotl-checklist-row--celebrating{animation:tiotl-celebrate .7s ease-out}@keyframes tiotl-strike{0%{background-size:0 1.5px}to{background-size:100% 1.5px}}@keyframes tiotl-celebrate{0%{box-shadow:var( --tiotl-shadow,0 1px 3px rgba(0,0,0,.06) ),0 0 0 0 rgba(34,197,94,.45)}35%{box-shadow:var( --tiotl-shadow,0 1px 3px rgba(0,0,0,.06) ),0 0 0 6px rgba(34,197,94,.28)}to{box-shadow:var( --tiotl-shadow,0 1px 3px rgba(0,0,0,.06) ),0 0 0 14px rgba(34,197,94,0)}}}.tiotl-badge{align-items:center;border-radius:9999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.125rem .5rem;white-space:nowrap}.tiotl-tags{display:flex;flex-shrink:0;gap:.25rem}.tiotl-tag-pill{background:#e0e7ff;border-radius:9999px;color:#3730a3;display:inline-block;font-size:.75rem;padding:.125rem .5rem}.tiotl-assignees{display:flex;flex-shrink:0;gap:-4px}.tiotl-avatar{border:2px solid #fff;border-radius:50%;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.tiotl-due{color:#6b7280;flex-shrink:0;font-size:.8125rem;white-space:nowrap}.tiotl-due--overdue{color:#dc2626;font-weight:600}.tiotl-due--today{color:#d97706;font-weight:600}.tiotl-attachment-indicator{color:#6b7280;flex-shrink:0;font-size:.875rem;line-height:1}.tiotl-scrubber{border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;gap:2px;height:var( --tiotl-scrubber-h,28px );overflow:hidden;width:120px}.tiotl-scrubber__segment{border:none;cursor:pointer;flex:1;height:100%;opacity:.35;padding:0;transition:opacity .15s ease,transform .15s ease}.tiotl-scrubber__segment:focus-visible{outline:2px solid #fff;outline-offset:-3px}.tiotl-scrubber__segment[aria-pressed=true]{opacity:1;transform:scaleY(1.05)}.tiotl-add-item{margin-top:.75rem}.tiotl-add-item__input{background:transparent;border:1px dashed #d1d5db;border-radius:var( --tiotl-radius,8px );font-size:.9375rem;padding:.625rem .875rem;transition:border-color .15s ease,background .15s ease;width:100%}.tiotl-add-item__input:focus{background:#fff;border-color:#3b82f6;border-style:solid;outline:none}.tiotl-checklist-empty{color:#9ca3af;font-size:.9375rem;padding:2rem 0;text-align:center}.tiotl-kanban{width:100%}.tiotl-kanban__board{align-items:flex-start;display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.tiotl-kanban__column{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var( --tiotl-radius,8px );display:flex;flex:0 0 280px;flex-direction:column;max-height:calc(100dvh - var( --tiotl-kanban-top, 0px ));min-width:240px;position:sticky;top:0;transition:background var( --tiotl-transition,.15s ease ),border-color var( --tiotl-transition,.15s ease )}.tiotl-kanban__column--active{background:#eff6ff;border-color:#93c5fd}.tiotl-kanban__col-header{align-items:center;border-radius:var( --tiotl-radius,8px ) var( --tiotl-radius,8px ) 0 0;border-top:3px solid transparent;display:flex;gap:.5rem;padding:.75rem .875rem .625rem}.tiotl-kanban__col-title{color:#374151;flex:1;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiotl-kanban__count{align-items:center;background:#e5e7eb;border-radius:9999px;color:#6b7280;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 5px}.tiotl-kanban__cards{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;padding:.5rem .625rem}.tiotl-kanban__card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:grab;display:flex;flex-direction:column;gap:.375rem;padding:.625rem .75rem;transition:box-shadow var( --tiotl-transition,.15s ease ),opacity var( --tiotl-transition,.15s ease );-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiotl-kanban__card:hover{box-shadow:0 2px 6px rgba(0,0,0,.1)}.tiotl-kanban__card--dragging{cursor:grabbing;opacity:.4}.tiotl-kanban__card-title{color:#111827;font-size:.875rem;font-weight:500;line-height:1.4;transition:color .25s ease}.tiotl-kanban__card--complete{background:#f9fafb}.tiotl-kanban__card--complete .tiotl-kanban__card-title{color:#6b7280}.tiotl-kanban__card--complete .tiotl-kanban__card-title-text{background-image:linear-gradient(currentColor,currentColor);background-position:0 60%;background-repeat:no-repeat;background-size:100% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (prefers-reduced-motion:no-preference){.tiotl-kanban__card--celebrating.tiotl-kanban__card--complete .tiotl-kanban__card-title-text{animation:tiotl-kanban-strike .32s ease-out both}.tiotl-kanban__card--celebrating{animation:tiotl-kanban-celebrate .7s ease-out}@keyframes tiotl-kanban-strike{0%{background-size:0 1.5px}to{background-size:100% 1.5px}}@keyframes tiotl-kanban-celebrate{0%{box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 0 rgba(34,197,94,.5);transform:scale(1)}35%{box-shadow:0 4px 12px rgba(0,0,0,.08),0 0 0 8px rgba(34,197,94,.28);transform:scale(1.035)}to{box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 18px rgba(34,197,94,0);transform:scale(1)}}}.tiotl-kanban__card-priority{align-self:flex-start}.tiotl-kanban__card-due{font-size:.75rem}.tiotl-kanban__add{background:transparent;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8125rem;margin:.25rem .625rem .625rem;padding:.375rem .5rem;text-align:left;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease )}.tiotl-kanban__add:hover{background:#f3f4f6;color:#374151}.tiotl-kanban__inline-add{padding:.25rem .625rem .625rem}.tiotl-kanban__inline-input{background:#fff;border:1px solid #93c5fd;border-radius:6px;box-shadow:0 0 0 2px rgba(59,130,246,.2);font-size:.875rem;outline:none;padding:.375rem .625rem;width:100%}.tiotl-toast-container{bottom:1.5rem;position:fixed;right:1.5rem;z-index:9999}.tiotl-toast{align-items:center;animation:tiotl-toast-in .2s ease;background:#1f2937;border-radius:var( --tiotl-radius,8px );box-shadow:var( --tiotl-shadow,0 4px 12px rgba(0,0,0,.2) );color:#fff;display:flex;font-size:.875rem;gap:.75rem;max-width:360px;padding:.75rem 1rem}.tiotl-toast--error{background:#dc2626}.tiotl-toast--success{background:#16a34a}.tiotl-toast__dismiss{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.125rem;line-height:1;margin-left:auto;padding:0}@keyframes tiotl-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tiotl-loading{padding:2rem 0;text-align:center}.tiotl-spinner{animation:tiotl-spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:24px;width:24px}@keyframes tiotl-spin{to{transform:rotate(1turn)}}.tiotl-invitation-card{background:#fff;border:1px solid #e5e5e5;border-radius:var(--tiotl-radius);box-shadow:0 4px 16px rgba(0,0,0,.06);margin:48px auto;max-width:520px;padding:32px;text-align:center}.tiotl-invitation-card h2{font-size:20px;margin:0 0 12px}.tiotl-invitation-card__actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.tiotl-invitation-card__error{color:#b91c1c;font-size:14px;margin-top:12px}.tiotl-checklist-row__delete,.tiotl-kanban__card-delete{background:transparent;border:0;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;height:22px;line-height:1;opacity:0;padding:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease;width:22px}.tiotl-checklist-row:hover .tiotl-checklist-row__delete,.tiotl-checklist-row__delete:focus-visible,.tiotl-kanban__card-delete:focus-visible,.tiotl-kanban__card:hover .tiotl-kanban__card-delete{opacity:1}.tiotl-checklist-row__delete:hover,.tiotl-kanban__card-delete:hover{background:#fee2e2;color:#b91c1c}.tiotl-kanban__card-delete{position:absolute;right:6px;top:6px}.tiotl-kanban__card{position:relative}.tiotl-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.tiotl-overlay[hidden]{display:none}.tiotl-confirm-dialog{background:#fff;border-radius:var( --tiotl-radius,8px );box-shadow:0 8px 32px rgba(0,0,0,.18);max-width:420px;padding:32px;width:90%}.tiotl-confirm-dialog h3{font-size:18px;margin:0 0 12px}.tiotl-confirm-dialog p{color:#555;font-size:14px;line-height:1.5;margin:0 0 24px}.tiotl-confirm-dialog__actions{display:flex;gap:8px;justify-content:flex-end}