: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-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-view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.tiotl-view-controls .tiotl-view-toggle{margin-inline-start:auto}.tiotl-view-toggle{background:#f3f4f6;border-radius:6px;display:inline-flex;gap:2px;padding:2px}.tiotl-view-toggle__btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:background var( --tiotl-transition,.15s ease ),color var( --tiotl-transition,.15s ease )}.tiotl-view-toggle__icon{display:block;flex-shrink:0}.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{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var( --tiotl-radius,8px );gap:0;margin-bottom:1rem;padding:.5rem}.tiotl-filter-bar,.tiotl-filter-bar__group{align-items:center;display:flex;flex-wrap:nowrap}.tiotl-filter-bar__group{gap:.5rem;padding-inline:.75rem}.tiotl-filter-bar__group:first-child{padding-inline-start:0}.tiotl-filter-bar__group:last-child{padding-inline-end:0}.tiotl-filter-bar__group+.tiotl-filter-bar__group{border-inline-start:1px solid #e5e7eb}.tiotl-filter-bar__group--search{flex:1;min-width:160px}.tiotl-filter-bar__group--sort{margin-inline-start:auto}.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-filter-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.tiotl-filter-toggle[aria-pressed=true]{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.tiotl-filter-toggle__check{font-weight:700;line-height:1}.tiotl-toast-container{bottom:1.5rem;position:fixed;right:1.5rem;z-index:9999}.tiotl-toast-container[hidden]{display:none}.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 16px 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:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:auto;opacity:.75;padding:0}.tiotl-toast__dismiss:hover{opacity:1}.tiotl-toast__dismiss:focus-visible{border-radius:2px;opacity:1;outline:2px solid #fff;outline-offset:2px}@keyframes tiotl-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tiotl-toast{animation:none}}.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-lists-dashboard{font-family:var(--tiotl-font-sans);position:relative}.tiotl-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tiotl-dashboard-title{font-size:22px;font-weight:600;margin:0}.tiotl-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:var(--tiotl-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;padding:8px 16px;transition:background var(--tiotl-transition),border-color var(--tiotl-transition)}.tiotl-btn:hover{background:#f5f5f5}.tiotl-btn--primary{background:#1e1e1e;border-color:#1e1e1e;color:#fff}.tiotl-btn--primary:hover{background:#333;border-color:#333}.tiotl-btn--danger{background:#cc1818;border-color:#cc1818;color:#fff}.tiotl-btn--danger:hover{background:#a01212;border-color:#a01212}.tiotl-btn:disabled{cursor:not-allowed;opacity:.5}.tiotl-new-list-panel{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:var(--tiotl-radius);margin-bottom:32px;padding:24px}.tiotl-new-list-form h3{font-size:16px;margin:0 0 20px}.tiotl-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.tiotl-field[hidden]{display:none}.tiotl-field>span{color:#333;font-size:13px;font-weight:500}.tiotl-field__input,.tiotl-field__select{background:#fff;border:1px solid #ddd;border-radius:var(--tiotl-radius);font-family:inherit;font-size:14px;padding:8px 12px}.tiotl-field__input--icon{font-size:20px;text-align:center;width:60px}.tiotl-field__color-row{align-items:center;display:flex;gap:12px}.tiotl-field__color{background:none;border:1px solid #ddd;border-radius:var(--tiotl-radius);cursor:pointer;height:40px;padding:2px!important;width:40px}.tiotl-field__color-hint{color:#6b7280;font-family:monospace;font-size:13px}.tiotl-form-actions{display:flex;gap:8px;margin-top:24px}.tiotl-lists-grid{display:grid;gap:16px}.tiotl-list-card{border-radius:var(--tiotl-radius);box-shadow:var(--tiotl-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;position:relative;transition:transform var(--tiotl-transition),box-shadow var(--tiotl-transition)}.tiotl-list-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px)}.tiotl-list-card__header{align-items:flex-start;display:flex;gap:8px}.tiotl-list-card__icon{flex-shrink:0;font-size:24px;line-height:1}.tiotl-list-card__title{color:#fff;flex:1;font-size:16px;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.tiotl-list-card__meta{align-items:center;display:flex;gap:8px;margin-top:12px}.tiotl-list-card__pie{background:hsla(0,0%,100%,.25);border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.35);flex:0 0 auto;height:28px;overflow:hidden;width:28px}.tiotl-list-card__pie[hidden]{display:none}.tiotl-list-card__count{color:hsla(0,0%,100%,.85);font-size:13px;margin:0}.tiotl-list-card__options{flex-shrink:0;position:relative}.tiotl-options-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:background var(--tiotl-transition)}.tiotl-options-btn:hover{background:hsla(0,0%,100%,.35)}.tiotl-options-menu{background:#fff;border:1px solid #e5e5e5;border-radius:var(--tiotl-radius);box-shadow:var(--tiotl-shadow);min-width:140px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.tiotl-options-menu__item{background:none;border:none;cursor:pointer;display:block;font-family:inherit;font-size:13px;padding:10px 14px;text-align:left;width:100%}.tiotl-options-menu__item:hover{background:#f5f5f5}.tiotl-options-menu__item--danger{color:#cc1818}.tiotl-lists-grid--skeleton[hidden]{display:none}.tiotl-list-card--skeleton{background:#f3f4f6;cursor:default;pointer-events:none}.tiotl-list-card--skeleton:hover{box-shadow:var(--tiotl-shadow);transform:none}.tiotl-skeleton{animation:tiotl-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.12) 50%,rgba(0,0,0,.06));background-size:200% 100%;border-radius:4px;display:inline-block}.tiotl-skeleton--icon{border-radius:50%;flex-shrink:0;height:24px;width:24px}.tiotl-skeleton--title{flex:1;height:16px;width:70%}.tiotl-skeleton--pie{border-radius:50%;flex:0 0 auto;height:28px;width:28px}.tiotl-skeleton--count{height:12px;width:60%}@keyframes tiotl-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.tiotl-skeleton{animation:none}}.tiotl-lists-grid[hidden]{display:none}.tiotl-empty-state{color:#757575;padding:48px 24px;text-align:center}.tiotl-loading{padding:24px;text-align:center}.tiotl-spinner{animation:tiotl-spin .7s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#1e1e1e;display:inline-block;height:24px;width:24px}@keyframes tiotl-spin{to{transform:rotate(1turn)}}.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);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}.tiotl-editor-placeholder{background:#f0f0f0;border:2px dashed #ccc;border-radius:var(--tiotl-radius);color:#757575;font-size:14px;padding:24px;text-align:center}.tiotl-pending-invitations{background:#fffbe6;border:1px solid #f0d76a;border-radius:var(--tiotl-radius);margin:16px 0 24px;padding:16px}.tiotl-pending-invitations__title{font-size:14px;font-weight:600;margin:0 0 12px}.tiotl-pending-invitations__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.tiotl-pending-invitation{align-items:center;background:#fff;border:1px solid #eee;border-left:4px solid #0ea5e9;border-radius:var(--tiotl-radius);display:flex;gap:12px;padding:10px 12px}.tiotl-pending-invitation__icon{font-size:20px;text-align:center;width:24px}.tiotl-pending-invitation__body{flex:1;min-width:0}.tiotl-pending-invitation__title{font-weight:600;margin:0}.tiotl-pending-invitation__role{color:#666;font-size:12px;margin:2px 0 0}.tiotl-pending-invitation__actions{display:flex;gap:6px}