#root,#page-footer-root{color-scheme:light dark;--text-primary: #1a1a1a;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-secondary: #555;--muted: #6b7280;--border: #e5e7eb;--pico-form-element-spacing-vertical: .4rem;--pico-form-element-spacing-horizontal: .75rem}#root,#page-footer-root{font-family:ui-sans-serif,system-ui;font-size:16px}#root{color:var(--text-primary);background:var(--bg-primary)}@media (prefers-color-scheme: dark){#root,#page-footer-root{--text-primary: #e5e7eb;--bg-primary: #1a202c;--bg-secondary: #202b36;--text-secondary: #999;--muted: #94a3b8;--border: #284165}}html[data-theme=dark] #root,html[data-theme=dark] #page-footer-root{color-scheme:dark;--text-primary: #e5e7eb;--bg-primary: #1a202c;--bg-secondary: #202b36;--text-secondary: #999;--muted: #94a3b8;--border: #284165}html[data-theme=light] #root,html[data-theme=light] #page-footer-root{color-scheme:light;--text-primary: #1a1a1a;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-secondary: #555;--muted: #6b7280;--border: #e5e7eb}#root *,#page-footer-root *{box-sizing:border-box}#root [type=button],#root [type=submit],#root [type=reset]{margin-bottom:0}#root .modal-content button:not(.modal-close-button),#root .modal-content [type=button]:not(.modal-close-button),#root .modal-content [type=submit]:not(.modal-close-button){font-size:.85em;padding:.35em .75em}.container{max-width:1200px;margin:0 auto;padding:24px}#root h1{margin:0 0 16px;font-size:28px}.intro{margin:0 0 20px;color:var(--text-secondary);line-height:1.6}#root h2{margin:24px 0 8px;font-size:20px}#root h3{margin:16px 0 8px;font-size:16px}.description{font-size:.9em;color:var(--text-secondary);margin-top:.25rem}#root section{margin-bottom:0}details.section-disclosure{margin-top:var(--pico-spacing)}details.section-disclosure>summary{color:var(--muted)}details.section-disclosure>summary:after{float:none;display:inline-block;height:1em;vertical-align:-.1em;margin-inline-start:.25rem}section+section{margin-top:6px}.filters{margin-top:1rem;margin-bottom:1rem}#root table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;margin-bottom:0}#root table th{position:sticky;top:1px;z-index:1}#root th,#root td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}#root th{background:var(--bg-primary);font-weight:500}.mono{font-family:monospace}.char{font-family:"DejaVu Serif","Cambria Math",ui-sans-serif,system-ui;font-size:1.2em}.key-sequence{display:inline-flex;flex-wrap:wrap;gap:4px}.key-cap{min-width:2em;padding:0 6px;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-secondary);text-align:center;display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace;font-size:.85em}.scripts-layout{display:flex;align-items:flex-start;gap:16px;margin:.5rem 0}.inline-prefix{font-size:.85em;margin:.5rem 0}.inline-prefix-label{color:var(--muted);margin-bottom:.25rem}.inline-prefix-content{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.inline-prefix-content select{width:auto;min-width:3rem;font-size:.85em;padding:.1rem .2rem}.math-prefixes-grid{display:grid;grid-template-columns:max-content 4rem;gap:.25rem .75rem;margin:.5rem 0;align-items:center}.select-all-btn{font-size:.85em;padding:.2rem .5rem;white-space:nowrap}#root .select-all-btn{margin-bottom:.5rem}.diacritic-marks-col{display:flex;flex-direction:column;gap:4px;font-size:14px}.diacritic-marks-col+.diacritic-marks-col{margin-left:16px}.diacritic-mark-item{display:flex;align-items:center;gap:6px}.diacritic-mark-name{flex:3;min-width:0;color:var(--text-secondary)}.diacritic-mark-char{flex:1;text-align:center}.key-input{text-align:center;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-secondary);font-family:ui-monospace;font-size:.85em;letter-spacing:.5em}input.key-input{width:calc(3ch + 3em);height:auto;margin-bottom:0;padding:4px 6px}#root input[type=checkbox]{cursor:pointer;font-size:inherit;margin-inline-end:0}.page-footer{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;margin:0;background-color:var(--bg-primary);border-top:1px solid var(--border);padding:.5rem 0;z-index:100}.page-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-primary);padding:20px;border-radius:8px;max-width:80%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;margin-bottom:15px}#root button{cursor:pointer}.modal-close-button{--pico-background-color: transparent;--pico-border-color: transparent;--pico-color: inherit;background:transparent;border-color:transparent;color:inherit;font-size:1.2em;line-height:1;padding:.3rem .45rem}.modal-close-button:hover,.modal-close-button:focus{--pico-background-color: var(--bg-secondary);--pico-border-color: transparent;--pico-color: inherit;background:var(--bg-secondary);border-color:transparent;color:inherit}.modal-body{margin:0;font-size:14px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border);flex-shrink:0}.modal-body pre{white-space:pre-wrap;word-break:break-word;font-family:monospace;line-height:1.5;margin:0}.modal-add-sequence-table{max-height:50vh;overflow-y:auto}.modal-add-sequence-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.modal-add-sequence-toolbar .sequence-toolbar-container{position:static;box-shadow:none;border:none}.modal-add-sequence-toolbar--hidden{visibility:hidden}.modal-footer-buttons{display:flex;gap:.5rem}.footer-selected-count{font-size:.9em;color:var(--text-secondary)}.footer-actions{display:flex;gap:10px}.footer-icon-btn,.footer-icon-btn.secondary{--pico-background-color: transparent;--pico-border-color: transparent;--pico-color: var(--text-primary);display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:.5rem;border-radius:var(--pico-border-radius);transition:background-color .2s,color .2s}.footer-icon-btn:hover,.footer-icon-btn:focus,.footer-icon-btn.secondary:hover,.footer-icon-btn.secondary:focus{--pico-background-color: var(--pico-primary-hover);--pico-color: var(--pico-primary-inverse)}.sequence-input{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;min-width:calc(2.8em + 16px);min-height:28px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-secondary);cursor:text;outline:none;font-family:ui-monospace;font-size:.85em;vertical-align:middle}.sequence-input--focused{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.sequence-input--conflict{border-color:#dc2626;background-color:#fee2e2}@media (prefers-color-scheme: dark){.sequence-input--conflict{background-color:#450a0a;border-color:#dc2626}}html[data-theme=dark] .sequence-input--conflict{background-color:#450a0a;border-color:#dc2626}html[data-theme=light] .sequence-input--conflict{background-color:#fee2e2;border-color:#dc2626}.sequence-input--conflict.sequence-input--focused{box-shadow:0 0 0 2px #dc262640}.sequence-input__chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;height:1.6em;padding:0 4px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);-webkit-user-select:none;user-select:none}.sequence-input__chip--special{background-color:#e0e7ff;border-color:#6366f1;color:#3730a3}@media (prefers-color-scheme: dark){.sequence-input__chip--special{background-color:#1e1b4b;border-color:#6366f1;color:#c7d2fe}}html[data-theme=dark] .sequence-input__chip--special{background-color:#1e1b4b;border-color:#6366f1;color:#c7d2fe}html[data-theme=light] .sequence-input__chip--special{background-color:#e0e7ff;border-color:#6366f1;color:#3730a3}.sequence-input__caret{display:inline-block;width:1px;height:1.4em;background:var(--text-primary);animation:sequence-input-caret-blink 1s step-end infinite}@keyframes sequence-input-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.conflict-tooltip{position:relative;display:inline-block}.conflict-tooltip .conflict-tooltip-text{visibility:hidden;background-color:#1f2937;color:#fff;text-align:left;border-radius:6px;padding:8px 12px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);white-space:normal;opacity:0;transition:opacity .3s;font-size:12px;width:360px}.conflict-tooltip .conflict-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.conflict-tooltip:hover .conflict-tooltip-text{visibility:visible;opacity:1}.footer-conflict-count{color:#dc2626;font-weight:500}@media (prefers-color-scheme: dark){.footer-conflict-count{color:#ef4444}}html[data-theme=dark] .footer-conflict-count{color:#ef4444}html[data-theme=light] .footer-conflict-count{color:#dc2626}.sequence-input-wrapper{position:relative}.sequence-toolbar-container{position:absolute;top:100%;left:0;margin-top:.25rem;z-index:10;background-color:var(--bg-primary);padding:.25rem;border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 4px #0000001a}.sequence-toolbar{display:flex;gap:.25rem;flex-wrap:nowrap;white-space:nowrap}.sequence-toolbar-button{width:2em;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-secondary);--pico-background-color: var(--bg-secondary);--pico-border-color: var(--border);--pico-color: var(--text-primary);color:var(--text-primary);font-size:.9em;line-height:1.2;cursor:pointer;transition:background-color .2s}.sequence-toolbar-button:hover{background-color:var(--border)}.sequence-toolbar-tooltip{margin-top:.25rem;font-size:.85em;color:var(--text-secondary);font-style:italic}.picker-modal-content{width:900px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.picker-modal-content .modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;font-family:inherit}.picker-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:.75rem;flex-shrink:0}.picker-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;color:var(--text-secondary);font-size:.9em;line-height:1.4;margin-bottom:-1px;--pico-background-color: transparent;--pico-border-color: transparent;--pico-color: var(--text-secondary)}.picker-tab.active{border-bottom-color:#4f46e5;color:var(--text-primary);font-weight:500}.picker-body{display:flex;flex:1;min-height:0;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.picker-block-list{width:220px;min-width:220px;overflow-y:auto;border-right:1px solid var(--border);display:flex;flex-direction:column}.picker-block-item{display:block;width:100%;padding:.4rem .75rem;background:none;border:none;border-radius:0;text-align:left;cursor:pointer;font-size:.8em;line-height:1.3;color:var(--text-primary);border-bottom:1px solid var(--border);--pico-background-color: transparent;--pico-border-color: transparent;--pico-color: var(--text-primary)}.picker-block-item:last-child{border-bottom:none}.picker-block-item:hover{background:var(--bg-secondary)}.picker-block-item.active{background:#4f46e5;color:#fff}.picker-grid{flex:1;overflow:auto;padding:.5rem}.picker-grid-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic}.picker-grid-table{border-collapse:collapse;font-size:.85em;table-layout:fixed}.picker-row-header-cell{font-family:ui-monospace,monospace;font-size:.75em;color:var(--text-secondary);padding:2px 6px;white-space:nowrap;text-align:right;font-weight:400;background:var(--bg-secondary);width:3em}.picker-col-header-cell{font-family:ui-monospace,monospace;font-size:.75em;color:var(--text-secondary);padding:2px 4px;text-align:center;font-weight:400;background:var(--bg-secondary);width:2.4em}.picker-cell{width:2.4em;height:2.2em;text-align:center;vertical-align:middle;padding:2px;border:1px solid var(--border);font-family:"DejaVu Serif","Cambria Math",ui-sans-serif,system-ui;font-size:1.3em;cursor:pointer;-webkit-user-select:none;user-select:none}.picker-cell:hover:not(.already-sequenced):not(.picker-cell-empty){background:var(--bg-secondary)}.picker-cell.picked{background:#dbeafe;border-color:#3b82f6}@media (prefers-color-scheme: dark){.picker-cell.picked{background:#1e3a5f;border-color:#3b82f6}}html[data-theme=dark] .picker-cell.picked{background:#1e3a5f;border-color:#3b82f6}html[data-theme=light] .picker-cell.picked{background:#dbeafe;border-color:#3b82f6}.picker-cell.already-sequenced{background:var(--bg-secondary);color:var(--muted);cursor:not-allowed;opacity:.5}.picker-cell-empty{border-color:transparent;cursor:default}.picker-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;flex-shrink:0}.picker-selected-count{font-size:.85em;color:var(--text-secondary)}.picker-footer-actions{display:flex;gap:.5rem}.selected-grid{display:grid;grid-template-columns:max-content max-content 1fr;align-items:stretch;margin:1rem 0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.selected-grid-super-label,.selected-grid-category-label,.selected-grid-chars{border-top:1px solid var(--border);border-left:1px solid var(--border)}.selected-grid-super-label,.selected-grid-category-label{display:flex;align-items:flex-start;background:none;font:inherit;text-align:left;color:var(--text-primary)}.selected-grid-super-label{font-weight:600}.selected-grid-category-label{font-weight:500}.selected-grid-category-label--standalone{font-weight:600}.selected-grid-label-sticky{position:sticky;top:0;padding:.25rem .5rem;cursor:pointer;white-space:nowrap;background:var(--bg-primary);z-index:1;display:flex;align-items:center;gap:.25rem}.selected-grid-label-sticky:hover>span{text-decoration:underline}.selected-grid-add-btn{--pico-background-color: transparent;--pico-border-color: transparent;--pico-color: var(--text-primary);display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:.15rem;border-radius:var(--pico-border-radius);transition:background-color .2s,color .2s,opacity .15s;opacity:0;pointer-events:none}.selected-grid-label-sticky:hover .selected-grid-add-btn,.selected-grid-add-btn:focus{opacity:1;pointer-events:auto}.selected-grid-add-btn:hover,.selected-grid-add-btn:focus{--pico-background-color: var(--pico-primary-hover);--pico-color: var(--pico-primary-inverse)}.selected-grid-chars{padding:.25rem .5rem;min-width:0}.char-line{display:inline-flex;flex-wrap:wrap;gap:.15rem;align-items:center}.char-sublist{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.char-sublist:last-child{margin-bottom:0}.char-sublist--stacked{flex-direction:column;align-items:flex-start}.char-sublist-label{font:inherit;font-weight:400;color:var(--text-primary);white-space:nowrap}.char-tooltip{position:relative;display:inline-block;min-width:2ex}.char-glyph{background:none;border:none;padding:.05em .25em;font-family:"DejaVu Serif","Cambria Math",ui-sans-serif,system-ui;font-size:1.1em;line-height:1.3;cursor:pointer;border-radius:4px;color:var(--text-primary)}.char-glyph:not(.char-glyph--highlight){min-width:1ex}.char-glyph:hover{background:var(--bg-secondary)}.char-glyph--highlight{background:#cfe3ff}.char-glyph--conflict{text-decoration:underline wavy #dc2626}.char-glyph--nonstandard{text-decoration:underline dotted #d97706}@media (prefers-color-scheme: dark){.char-glyph--highlight{background:#274468}.char-glyph--conflict{text-decoration-color:#ef4444}.char-glyph--nonstandard{text-decoration-color:#f59e0b}}html[data-theme=dark] .char-glyph--highlight{background:#274468}html[data-theme=dark] .char-glyph--conflict{text-decoration-color:#ef4444}html[data-theme=dark] .char-glyph--nonstandard{text-decoration-color:#f59e0b}html[data-theme=light] .char-glyph--highlight{background:#cfe3ff}html[data-theme=light] .char-glyph--conflict{text-decoration-color:#dc2626}html[data-theme=light] .char-glyph--nonstandard{text-decoration-color:#d97706}.char-tooltip .char-tooltip-text{visibility:hidden;opacity:0;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;text-align:left;border-radius:6px;padding:6px 10px;white-space:nowrap;transition:opacity .2s;font-size:12px}.char-tooltip .char-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.char-tooltip:hover .char-tooltip-text{visibility:visible;opacity:1}.seq-special-char{background:#00000014;border-radius:2px;padding:0 2px}@media (prefers-color-scheme: dark){.seq-special-char{background:#ffffff26}}html[data-theme=dark] .seq-special-char{background:#ffffff26}html[data-theme=light] .seq-special-char{background:#00000014}.seq-badge{display:block;font-family:monospace;font-size:.65em;line-height:1.2;color:var(--text-secondary, #666);text-align:center;pointer-events:none}.seq-toggle{display:flex;align-items:center;gap:.75em;font-size:.9em;cursor:pointer;margin-top:1em;margin-bottom:.5em}.compact-table-row-badge,.compact-table-col-badge{font-family:monospace;font-size:.75em;color:var(--text-secondary, #666);padding:0 4px;white-space:nowrap;text-align:center;vertical-align:middle}#root .compact-table{border-collapse:collapse;border:0;margin:.25rem 0;table-layout:auto;width:auto}#root .compact-table td{border:0;padding:1px 3px;text-align:center;vertical-align:top}#root .compact-table td.compact-table-cell--bottom{vertical-align:bottom}.compact-table-cell-inner{display:flex;flex-direction:column;align-items:center}.compact-table-upper-gap{visibility:hidden;pointer-events:none}#root .compact-table td.compact-table-row-label{font-size:.8em;color:var(--text-secondary);white-space:nowrap;text-align:right;padding-right:.5rem}.char-edit-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.char-edit-modal-glyph{font-family:"DejaVu Serif","Cambria Math",ui-sans-serif,system-ui;font-size:2em;line-height:1;min-width:1.5em;text-align:center}.char-edit-modal-label{font-size:.85em;color:var(--text-secondary);margin-bottom:.25rem}.char-edit-sequence-row{display:flex;align-items:center;gap:.4rem}.char-edit-remove-btn{--pico-background-color: transparent;--pico-border-color: var(--border);--pico-color: var(--text-secondary);background:transparent;border-color:var(--border);color:var(--text-secondary);flex-shrink:0;line-height:1;padding:.35em .6em}.char-edit-remove-btn:hover,.char-edit-remove-btn:focus{--pico-background-color: var(--bg-secondary);--pico-color: var(--text-primary);background:var(--bg-secondary);color:var(--text-primary)}.char-edit-remove-btn--active{--pico-background-color: #dc2626;--pico-border-color: #dc2626;--pico-color: #fff;background:#dc2626;border-color:#dc2626;color:#fff}.char-edit-remove-btn--active:hover,.char-edit-remove-btn--active:focus{--pico-background-color: #b91c1c;--pico-border-color: #b91c1c;--pico-color: #fff;background:#b91c1c;color:#fff}.sequence-input.char-edit-sequence-input--removing{opacity:.5;text-decoration:line-through}.char-edit-modal-conflicts{margin-top:.75rem;font-size:.85em;color:var(--text-secondary)}.char-edit-modal-toolbar{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.char-edit-modal-toolbar .sequence-toolbar-container{position:static;box-shadow:none;border:none}.char-edit-modal-footer{justify-content:flex-end;margin-top:1rem}.category-config-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.category-config-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.category-config-section--flat{padding-bottom:0;border-bottom:none}.category-config-add-btn{margin-top:.5rem}.container{padding:0}.page-footer-content{padding-left:1rem;padding-right:1rem;box-sizing:border-box}@media (min-width: 768px){.page-footer-content{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.page-footer-content{padding-left:3rem;padding-right:3rem}}#root .embedded h2{margin:0 0 16px;font-size:28px}#root .embedded h3{margin:24px 0 8px;font-size:20px}#root .embedded h4{margin:16px 0 8px;font-size:16px}#root .embedded h4.container-header{margin:0 1.5em 0 0;min-width:14em}#root .modal-header h4{font-size:16px}