:root{--swipe-stroke-base:#000000;--swipe-stroke-selected:#ff5252;--swipe-stroke-radical-outline:#10b981;--swipe-radical-outline:#10b981;--swipe-radical-badge:#10b981;--swipe-base-outline:#000000;--swipe-stroke-unknown-fill:#6b7280;--swipe-stroke-unknown-stroke:#000000;--swipe-unselected-bloc:#f8f9fa;--swipe-selected-bloc:#ff5252;--swipe-etymology-pictophonetic:#28a745;--swipe-etymology-pictographic:#fd7e14;--swipe-etymology-ideographic:#007bff;--swipe-etymology-none:#6c757d;--swipe-etymology-semantic:#007bff;--swipe-etymology-phonetic:#fd7e14;--swipe-hatch-size:10;--swipe-hatch-alpha:1;--swipe-stroke-individual-selected-fill:var(--swipe-stroke-selected);--swipe-stroke-individual-selected-stroke:var(--swipe-stroke-selected);--swipe-stroke-border-width:10;--swipe-overlay-line-width:12;--swipe-subchar-selected-text:#ff0000;--swipe-subchar-title-selected:#000000;--swipe-subchar-title-unselected:#333333;--swipe-subchar-content-selected:#444444;--swipe-subchar-content-unselected:#666666}.swipe-cursor-outside{cursor:default}.swipe-cursor-clickable{cursor:pointer}.swipe-cursor-unknown{cursor:not-allowed}.subchar-radical-border{border-color:var(--swipe-stroke-radical-outline)!important}.subchar-selected-text{color:var(--swipe-subchar-selected-text)}.etymology-bloc-container{padding:8px;max-width:100%;box-sizing:border-box}.etymology-bloc-grid{display:grid;gap:8px}.etymology-main-bloc{padding:8px 10px;background-color:white;border:2px solid var(--etymology-color);border-radius:6px;cursor:pointer;transition:all .2s ease;transform:scale(1);position:relative}.etymology-main-bloc:hover{transform:scale(1.01)}.etymology-main-bloc.expanded{background-color:rgba(var(--etymology-color-rgb),.05)}.etymology-main-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.etymology-type-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.etymology-type-label{font-weight:700;font-size:14px;color:var(--etymology-color)}.etymology-type-badge{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.etymology-collapse-icon{font-size:12px;color:var(--etymology-color);transition:transform .2s ease}.etymology-main-bloc.collapsed .etymology-collapse-icon{transform:rotate(-90deg)}.etymology-component-bloc{padding:8px 10px;background-color:white;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;transform:scale(1)}.etymology-component-bloc:hover{transform:scale(1.01)}.etymology-component-bloc.selected{transform:scale(1.02)}.etymology-component-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.etymology-component-char{font-weight:700;font-size:16px;min-width:0;flex-shrink:1}.etymology-component-badge{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap;flex-shrink:0;margin-left:auto}.etymology-description-bloc{padding:8px 10px;background-color:white;border:2px solid var(--etymology-color);border-radius:6px;position:relative}.etymology-description-header{display:flex;align-items:center;margin-bottom:6px}.etymology-description-badge{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.etymology-description-meaning{padding:6px 8px;background-color:#f8f9fa;border-radius:4px;font-size:11px;color:#555;line-height:1.4;box-sizing:border-box;text-align:left}.etymology-description-text{font-size:11px;display:block;text-align:left;line-height:1.4}.etymology-type-tag{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.etymology-type-tag.pictophonetic{background-color:var(--etymology-pictophonetic-color)}.etymology-type-tag.pictographic{background-color:var(--etymology-pictographic-color)}.etymology-type-tag.ideographic{background-color:var(--etymology-ideographic-color)}.etymology-type-tag.none{background-color:var(--etymology-none-color)}.etymology-component-tag{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.etymology-component-tag.semantic{background-color:var(--etymology-semantic-default-color)}.etymology-component-tag.phonetic{background-color:var(--etymology-phonetic-default-color)}.etymology-character-bloc{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid;border-radius:8px}.etymology-character-bloc.semantic{border-color:var(--etymology-semantic-default-color);background-color:var(--etymology-semantic-default-light)}.etymology-character-bloc.phonetic{border-color:var(--etymology-phonetic-default-color);background-color:var(--etymology-phonetic-default-light)}.etymology-character-display{font-size:20px;font-weight:700}.etymology-character-display.semantic{color:var(--etymology-semantic-default-color)}.etymology-character-display.phonetic{color:var(--etymology-phonetic-default-color)}@media (max-width:480px){.etymology-bloc-container{padding:6px}.etymology-component-header,.etymology-main-header{gap:6px}.etymology-component-char,.etymology-type-label{font-size:14px}}.etymology-container{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;flex-wrap:wrap}.etymology-explanation{flex:1 1 250px;min-width:250px;padding:1px 16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;text-align:left}@media (max-width:768px){.etymology-container{flex-direction:column;align-items:flex-start;gap:12px}.etymology-explanation{width:100%;margin-top:8px;min-width:unset}}.etymology-component-bloc.non-selectable{cursor:default!important;opacity:.7}.etymology-component-bloc.non-selectable:hover{transform:none!important;background-color:white!important}.etymology-component-bloc:not(.non-selectable):hover{transform:scale(1.01)}.etymology-component-bloc:not(.non-selectable).selected{transform:scale(1.02)}.etymology-component-bloc.external-radical{border-style:dashed;background-color:#fafafa!important}.etymology-component-bloc.external-radical:hover{background-color:#fafafa!important;transform:none!important}.definition-bloc-container{font-family:Arial,sans-serif;width:100%;box-sizing:border-box;margin-bottom:10px}.definition-main-line{display:flex;align-items:center;gap:16px;width:100%;padding:8px 10px;background-color:#fff;border:2px solid #e9ecef;border-radius:12px}.definition-section-title{font-size:16px;font-weight:700;color:#333;flex-shrink:0}.definition-highlight-character{font-size:22px;flex-shrink:0;line-height:1}.definition-text-area{flex:1 1 auto;padding:8px 10px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;min-height:3em;display:flex;flex-direction:column;justify-content:center;text-align:left}.definition-actual-text{line-height:1.6;color:#555}.definition-actual-text,.definition-message{font-size:14px;margin:0;text-align:left;width:100%}.definition-message{font-style:italic}.definition-message.error{color:#c62828}.definition-message.no-data{color:#757575}.swipe-characters-container{touch-action:pan-y}.swipe-characters-container button:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.legend-bloc-container{padding:8px;max-width:100%;box-sizing:border-box}.legend-bloc-grid{display:grid;gap:8px}.pinyin-text{font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:800;font-style:normal;text-transform:lowercase;font-optical-sizing:auto;font-size:12px}.external-radical-bloc{padding:8px 10px;background-color:white;border:2px solid var(--external-radical-color);border-radius:6px;cursor:default;position:relative}.external-radical-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.external-radical-char{font-weight:700;font-size:16px;color:var(--external-radical-color)}.external-radical-badge{font-size:10px;color:#fff;background-color:var(--external-radical-color);padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.component-radical-badge,.external-radical-badge{display:inline-block;font-size:10px;font-weight:700;color:white;background-color:var(--external-radical-color,#d9534f);padding:2px 6px;border-radius:4px;margin-left:4px;letter-spacing:.5px;text-transform:uppercase}.component-radical-badge+.component-radical-badge,.external-radical-badge+.external-radical-badge{margin-left:4px}@media (max-width:600px){.component-etymology-badge,.component-radical-badge,.external-radical-badge{font-size:9px;padding:1px 4px}}.component-bloc{padding:8px 10px;background-color:white;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;transform:scale(1);position:relative}.component-bloc:hover{transform:scale(1.01)}.component-bloc.selected{transform:scale(1.02)}.component-bloc-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.component-char{font-weight:700;font-size:16px;min-width:0;flex-shrink:1}.component-radical-badge{font-size:10px;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap;flex-shrink:0}.component-info-container{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-left:auto;justify-content:flex-end;flex-shrink:0}.component-stroke-count{font-size:11px;color:#666;background-color:#f0f0f0;padding:2px 5px;border-radius:8px;white-space:nowrap}.component-stroke-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:white;border-radius:50%;font-size:10px;font-weight:700}.component-meaning{margin-top:6px;width:100%;padding:6px 8px;background-color:#f8f9fa;border-radius:4px;font-size:11px;color:#666;line-height:1.3;box-sizing:border-box;text-align:left}.component-meaning.selected{background-color:rgba(255,255,255,.1)}.component-meaning-title{font-size:11px;display:block;margin-bottom:2px;text-align:left;font-weight:700}.component-meaning-text{font-size:11px;display:inline-block;text-align:left}.no-data-warning{border:1px solid #ddd;border-radius:8px;padding:16px;background-color:#fff3cd}.no-data-warning p{margin:0;color:#856404;font-size:12px}.component-etymology-badge{font-size:10px;font-weight:700;color:white;padding:2px 6px;border-radius:10px;margin-left:4px;white-space:nowrap;text-transform:uppercase}.component-etymology-badge.semantic{background-color:var(--etymology-semantic-default-color,#2196F3)}.component-etymology-badge.phonetic{background-color:var(--etymology-phonetic-default-color,#FF9800)}@media (max-width:600px){.component-etymology-badge{font-size:9px;padding:1px 4px}}