:root{--personal-tag-trigger-size:24px;--personal-tag-trigger-border:#3b82f63d;--personal-tag-trigger-bg:linear-gradient(180deg, #fff 0%, #eff6ff 100%);--personal-tag-trigger-fg:#2563eb;--personal-tag-trigger-border-active:#2563eb6b;--personal-tag-trigger-bg-active:linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);--personal-tag-popover-width:360px;--personal-tag-popover-gap:10px;--personal-tag-popover-padding:12px;--personal-tag-popover-border:#cbd5e1;--personal-tag-popover-bg:#fffffffa;--personal-tag-popover-shadow:0 18px 40px #0f172a29;--personal-tag-muted:#64748b;--personal-tag-text:#0f172a;--personal-tag-section-text:#475569;--personal-tag-chip-bg:#f8fafc;--personal-tag-chip-text:#334155;--personal-tag-chip-border:#cbd5e1;--personal-tag-empty-fg:#0f172a85;--personal-tag-remove-hover-bg:#ef444424;--personal-tag-remove-hover-fg:#b91c1c;--personal-tag-remove-hover-ring:#ef44441f;--personal-tag-color-picker-width:54px;--personal-tag-color-pin-size:24px}.letters-table tbody td[data-tags-cell]{position:relative;overflow:visible!important}.tag-cell-wrap{min-height:var(--row-content-height,3em);position:relative;overflow:visible!important}.tag-list{position:relative;overflow:visible!important}.tag-empty-placeholder{display:none}.tag-menu-toggle{width:var(--personal-tag-trigger-size);height:var(--personal-tag-trigger-size);border:1px solid var(--personal-tag-trigger-border);background:var(--personal-tag-trigger-bg);color:var(--personal-tag-trigger-fg);font:inherit;cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:600;line-height:1;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.tag-menu-toggle:hover,.tag-menu-toggle.is-active{border-color:var(--personal-tag-trigger-border-active);background:var(--personal-tag-trigger-bg-active);color:var(--personal-tag-trigger-fg);transform:translateY(-1px);box-shadow:0 4px 10px #3b82f629}.tag-menu-section:has(.tag-menu-section-toggle[data-action=toggle-tag-color-panel]){display:none}.tag-menu-popover{z-index:30;width:min(var(--personal-tag-popover-width), calc(100vw - 48px));gap:var(--personal-tag-popover-gap);padding:var(--personal-tag-popover-padding);border:1px solid var(--personal-tag-popover-border);background:var(--personal-tag-popover-bg);box-shadow:var(--personal-tag-popover-shadow);backdrop-filter:blur(6px);border-radius:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.tag-menu-popover [hidden]{display:none!important}.tag-menu-popover[hidden]{display:none}.tag-menu-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.tag-menu-title{color:var(--personal-tag-text);min-width:0;margin:0;font-size:.92rem;font-weight:600}.tag-menu-close{width:24px;height:24px;color:var(--personal-tag-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tag-menu-close:hover{color:var(--personal-tag-text);background:#94a3b81f}.tag-menu-empty{color:var(--personal-tag-muted);font-size:.88rem}.tag-menu-section{gap:8px;display:grid}.tag-menu-section-title{color:var(--personal-tag-section-text);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.82rem;font-weight:600}.tag-menu-section-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}.tag-menu-section-toggle:hover .tag-menu-section-title{color:var(--personal-tag-text)}.tag-menu-section-caret{border-right:1.5px solid var(--personal-tag-muted);border-bottom:1.5px solid var(--personal-tag-muted);width:9px;height:9px;transition:transform .15s;transform:rotate(45deg)}.tag-menu-section-toggle.is-expanded .tag-menu-section-caret{transform:rotate(225deg)}.tag-menu-section-body[hidden]{display:none}.tag-menu-options,.row-user-tag-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-menu-options{max-height:152px;padding-right:2px;overflow:auto}.tag-menu-search{display:grid}.tag-menu-search-input{border:1px solid var(--personal-tag-popover-border);width:100%;min-width:0;font:inherit;box-sizing:border-box;background:#fff;border-radius:999px;padding:8px 12px}.tag-menu-option{border:1px solid var(--personal-tag-chip-border);color:var(--personal-tag-chip-text);font:inherit;cursor:pointer;background:var(--personal-tag-chip-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.86rem;display:inline-flex}.tag-menu-option.is-restore{border-style:dashed}.row-tag-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.row-tag-input{border:1px solid var(--personal-tag-popover-border);width:100%;min-width:0;font:inherit;box-sizing:border-box;background:#fff;border-radius:999px;padding:8px 12px}.row-tag-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 1px #ef444429}.row-tag-form .user-submit-button{white-space:nowrap;flex:none}.row-tag-field-hint{color:var(--personal-tag-section-text);grid-column:1/-1;margin:0;font-size:.82rem}.row-tag-field-hint.is-error{color:#b91c1c}.row-tag-color-list{gap:8px;display:grid}.row-tag-color-item{grid-template-columns:minmax(0, 1fr) var(--personal-tag-color-picker-width) auto var(--personal-tag-color-pin-size);align-items:center;gap:6px;min-height:32px;display:grid;position:relative}.row-tag-color-item.is-editing-label{grid-template-columns:minmax(0,1fr) auto;align-items:start}.row-tag-color-item.is-pinned{background:0 0}.row-tag-color-item.is-pinned:before{content:"";background:#0ea5e96b;border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:-8px}.row-tag-color-item.is-editing-label .tag-color-palette-picker,.row-tag-color-item.is-editing-label .row-tag-color-pin{display:none}.row-tag-color-chip{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;box-shadow:none;border-radius:8px;margin-inline-end:4px;padding:1px 8px;font-size:.82em;line-height:1.15;display:block;overflow:hidden}.row-tag-color-label-trigger{cursor:text;text-align:left;border:none;width:100%;min-width:0}.row-tag-color-label-trigger:hover,.row-tag-color-label-trigger:focus-visible{box-shadow:none;filter:saturate(.98)brightness(.99)}.row-tag-color-label-trigger:focus-visible{outline-offset:2px;outline:2px solid #2563eb1f}.row-tag-color-label-form{align-items:flex-start;gap:6px;width:100%;min-width:0;display:flex}.row-tag-color-label-input{border:1px solid var(--personal-tag-popover-border);width:100%;min-width:0;height:28px;min-height:28px;color:var(--personal-tag-text);font:inherit;box-sizing:border-box;resize:none;background:#fff;border-radius:12px;flex:auto;padding:6px 10px;font-size:.82rem;line-height:1.25;overflow:hidden}.row-tag-color-label-input:focus{border-color:#9db3cf;outline:none;box-shadow:0 0 0 2px #2563eb1f}.row-tag-color-label-save{border:1px solid var(--personal-tag-popover-border);color:var(--personal-tag-section-text);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:6px 10px;font-size:.76rem;line-height:1}.row-tag-color-label-save:hover{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.row-tag-color-label-save[hidden]{display:none}.tag-color-palette-picker{width:var(--personal-tag-color-picker-width);min-width:var(--personal-tag-color-picker-width);z-index:1;flex:none;justify-self:start;position:relative}.tag-color-palette-picker[open]{z-index:60}.tag-color-palette-picker>summary{list-style:none}.tag-color-palette-picker>summary::-webkit-details-marker{display:none}.tag-color-palette-trigger{cursor:pointer;user-select:none;align-items:center;width:100%;min-height:24px;display:inline-flex;position:relative}.tag-color-palette-current{box-sizing:border-box;width:100%;min-width:0;height:24px;box-shadow:none;border:1px solid #0f172a29;border-radius:999px;justify-content:center;align-items:center;padding:0 8px 0 6px;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.tag-color-palette-current-index{text-align:center;flex:none;justify-content:center;align-items:center;min-width:3ch;display:inline-flex}.tag-color-palette-current-index.is-custom svg{width:.78rem;height:.78rem;display:block}.tag-color-palette-picker.has-inline-reset .tag-color-palette-current{padding:0 20px 0 6px}.tag-color-palette-picker[open] .tag-color-palette-current{border-color:#2563eb47;box-shadow:0 0 0 2px #2563eb1a}.tag-color-palette-grid{z-index:200;visibility:hidden;opacity:0;pointer-events:none;background:#fff;border:1px solid #dbe3ed;border-radius:10px;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:min(460px,100vw - 72px);padding:10px;display:grid;position:fixed;top:0;left:0;box-shadow:0 14px 28px #0f172a1f}.tag-color-palette-grid[data-ready="1"]{visibility:visible;opacity:1;pointer-events:auto}.tag-color-palette-option{min-width:36px;height:24px;font:inherit;cursor:pointer;box-shadow:none;border:1px solid #0f172a24;border-radius:999px;padding:0 8px;font-size:.78em;line-height:1}.tag-color-palette-option.is-active{transform:none;box-shadow:0 0 0 2px #2563eb2e}.row-tag-color-custom-trigger,.row-tag-color-custom-toggle{border:1px solid var(--personal-tag-popover-border);color:var(--personal-tag-section-text);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:.76rem;line-height:1;display:inline-flex;position:relative;overflow:hidden}.row-tag-color-custom-trigger:hover,.row-tag-color-custom-toggle:hover,.row-tag-color-custom-toggle:focus-visible{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.tag-color-palette-custom{grid-column:1/-1;justify-self:start}.tag-color-palette-custom-row{flex-direction:column;grid-column:1/-1;justify-self:center;align-items:center;gap:10px;width:min(100%,286px);display:flex}.tag-color-custom-editor{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;width:min(100%,286px);margin:0 auto;display:flex}.tag-color-custom-editor[hidden]{display:none}.row-tag-color-custom-trigger{display:none!important}.row-tag-color-custom-trigger:focus-within{outline:none}.row-tag-color-custom-picker-shell{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b847;border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex;box-shadow:inset 0 1px #ffffffbf,0 10px 22px #0f172a14}.row-tag-color-custom-input{display:none!important}.row-tag-color-custom-picker{aspect-ratio:1/.82;cursor:crosshair;background:linear-gradient(#0000 0%,#000 100%),linear-gradient(90deg,#fff 0%,red 100%);border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a24}.row-tag-color-custom-picker-knob,.row-tag-color-custom-hue-knob{pointer-events:none;border:3px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172ad1}.row-tag-color-custom-picker-knob{top:50%;left:50%}.row-tag-color-custom-toolbar{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}.row-tag-color-custom-eyedropper{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b852;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;box-shadow:0 4px 10px #0f172a14}.row-tag-color-custom-eyedropper:hover,.row-tag-color-custom-eyedropper:focus-visible{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.row-tag-color-custom-eyedropper svg{width:.95rem;height:.95rem;display:block}.row-tag-color-custom-preview{border:1px solid #0f172a1f;border-radius:999px;width:32px;height:32px;box-shadow:inset 0 1px #ffffff59,0 4px 10px #0f172a14}.row-tag-color-custom-hue{cursor:ew-resize;background:linear-gradient(90deg,red 0%,#ff0 16.666%,#0f0 33.333%,#0ff 50%,#00f 66.666%,#f0f 83.333%,red 100%);border-radius:999px;width:100%;height:18px;position:relative;box-shadow:inset 0 0 0 1px #0f172a24}.row-tag-color-custom-hue-knob{top:50%;left:50%}.row-tag-color-custom-rgb{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.row-tag-color-custom-rgb-field{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.row-tag-color-custom-rgb-field input{color:#0f172a;width:100%;min-width:0;height:38px;font:inherit;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #94a3b85c;border-radius:10px;padding:0 8px;font-size:.9rem}.row-tag-color-custom-rgb-field input:focus{border-color:var(--personal-tag-trigger-border-active);outline:none;box-shadow:0 0 0 3px #2563eb1f}.row-tag-color-custom-rgb-field span{color:#334155;font-size:.78rem;line-height:1}.row-tag-color-custom-apply{border:1px solid var(--personal-tag-popover-border);color:var(--personal-tag-section-text);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-self:center;margin-top:2px;padding:5px 8px;font-size:.76rem;line-height:1}.row-tag-color-custom-apply:hover{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.row-tag-color-reset-inline{width:.86rem;height:.86rem;box-shadow:none;color:inherit;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:0;line-height:1;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s,transform .15s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.row-tag-color-reset-inline:hover,.row-tag-color-reset-inline:focus-visible{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;box-shadow:none;opacity:1;transform:translateY(-50%)scale(1.04)}.row-tag-color-reset-inline:focus-visible{outline:none}.tag-color-palette-picker.has-active-reset .row-tag-color-reset-inline{opacity:.72}.row-tag-color-item:is(:hover,:focus-within) .row-tag-color-reset-inline,.tag-color-palette-picker[open] .row-tag-color-reset-inline,.tag-color-palette-picker.has-active-reset:is(:hover,:focus-within) .row-tag-color-reset-inline{opacity:1}.row-tag-color-reset-inline.is-idle{opacity:.62}.row-tag-color-reset-inline.is-idle:hover,.row-tag-color-reset-inline.is-idle:focus-visible{opacity:1}.row-tag-color-reset-inline svg{width:.82rem;height:.82rem;transition:transform .22s;display:block;transform:rotate(0)}.row-tag-color-reset-inline:hover svg,.row-tag-color-reset-inline:focus-visible svg{transform:rotate(120deg)}.row-tag-color-reset-inline.is-hidden{display:none}.row-tag-color-input{border:1px solid var(--personal-tag-popover-border);cursor:pointer;background:0 0;border-radius:999px;width:24px;height:24px;padding:0}.row-tag-color-input::-webkit-color-swatch-wrapper{padding:2px}.row-tag-color-input::-webkit-color-swatch{border:none;border-radius:999px}.row-tag-color-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}.row-tag-color-reset{border:1px solid var(--personal-tag-popover-border);color:var(--personal-tag-section-text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:5px 8px;font-size:.76rem;line-height:1}.row-tag-color-reset:hover{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.row-tag-color-reset.is-hidden{display:none}.row-tag-color-pin{width:24px;height:24px;color:color-mix(in srgb, var(--personal-tag-section-text) 74%, transparent);cursor:pointer;opacity:.18;background:0 0;border:1px solid #0000;border-radius:999px;grid-column:4;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.row-tag-color-item:is(:hover,:focus-within) .row-tag-color-pin,.row-tag-color-item.is-pinned .row-tag-color-pin{border-color:var(--personal-tag-popover-border);color:var(--personal-tag-section-text);opacity:1;background:#fff}.row-tag-color-pin:hover,.row-tag-color-pin:focus-visible{border-color:var(--personal-tag-trigger-border-active);color:var(--personal-tag-text)}.row-tag-color-pin.is-active{color:#0f766e;opacity:1;background:#ecfefff2;border-color:#0f766e47;box-shadow:0 0 0 2px #0f766e14}.row-tag-color-pin .pin-indicator{color:currentColor;opacity:.72;flex:none;justify-content:center;align-items:center;width:14px;height:14px;transition:transform .18s,opacity .18s,filter .18s;display:inline-flex;transform:rotate(-28deg)translateY(-1px)}.row-tag-color-pin .pin-indicator svg{width:14px;height:14px;overflow:visible}.row-tag-color-pin .pin-head-fill{fill:currentColor;opacity:.08;transition:opacity .18s}.row-tag-color-pin .pin-head-stroke,.row-tag-color-pin .pin-stem,.row-tag-color-pin .pin-cross{transition:opacity .18s}.row-tag-color-pin.is-active .pin-indicator{opacity:1;filter:drop-shadow(0 1px 2px #0f172a2e);transform:rotate(0)translateY(0)}.row-tag-color-pin.is-active .pin-head-fill{opacity:.22}.row-user-tag{border:1px solid var(--personal-tag-chip-border);background:var(--personal-tag-chip-bg);color:var(--personal-tag-chip-text);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.86rem;display:inline-flex}.row-user-tag-remove{color:currentColor;width:1.05rem;height:1.05rem;font:inherit;cursor:pointer;opacity:.78;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s,transform .15s;display:inline-flex}.row-user-tag-remove:hover,.row-user-tag-remove:focus-visible{background:var(--personal-tag-remove-hover-bg);color:var(--personal-tag-remove-hover-fg);box-shadow:0 0 0 1px var(--personal-tag-remove-hover-ring);opacity:1;transform:translateY(-1px)}.row-user-tag-remove:focus-visible{outline:none}.row-user-tag-remove:disabled{opacity:.55;cursor:default}.user-tag-hint{color:var(--personal-tag-section-text);margin:0;font-size:.92rem}.table-tag-chip.is-user-tag{border-style:dashed;box-shadow:inset 0 0 0 1px #0f172a1f}.table-tag-chip.is-editable{align-items:center;gap:6px;padding-right:6px;display:inline-flex}.table-tag-chip-label{min-width:0}.table-tag-chip-remove{width:1.05rem;height:1.05rem;color:inherit;font:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s,transform .15s;display:inline-flex}.table-tag-chip-remove:before{content:"×";display:block}.table-tag-chip-remove:hover,.table-tag-chip-remove:focus-visible{background:var(--personal-tag-remove-hover-bg);color:var(--personal-tag-remove-hover-fg);box-shadow:0 0 0 1px var(--personal-tag-remove-hover-ring);opacity:1;transform:translateY(-1px)}.table-tag-chip-remove:focus-visible{outline:none}.table-tag-chip-remove:disabled{opacity:.55;cursor:default}@media (width<=900px){.row-tag-form{grid-template-columns:1fr}.row-tag-input{min-width:100%}.row-tag-form .user-submit-button{justify-self:start}.row-tag-color-item{grid-template-columns:minmax(0, 1fr) var(--personal-tag-color-picker-width) var(--personal-tag-color-pin-size)}.row-tag-color-pin{grid-column:3}.row-tag-color-reset,.row-tag-color-custom-toggle,.row-tag-color-custom-trigger,.row-tag-color-custom-apply{grid-column:1/-1;justify-self:start}.tag-color-palette-custom-row{flex-wrap:wrap}.tag-color-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));width:min(420px,100vw - 64px)}}
