*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.grid{display:grid}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.break-all{word-break:break-all}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{margin:0;padding:0;box-sizing:border-box}body{background-color:#f0f0f0}#app{margin:0;padding:0;box-sizing:border-box}.name-map-container[data-v-8debb036]{height:100%;padding:16px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.controls-section[data-v-8debb036]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-shrink:0;gap:16px;flex-wrap:wrap}.axis-controls[data-v-8debb036]{display:flex;gap:16px;flex-wrap:wrap}.axis-control[data-v-8debb036]{display:flex;flex-direction:column;gap:4px}.axis-label[data-v-8debb036]{font-size:.75rem;font-weight:600;color:#374151;margin:0}.axis-select[data-v-8debb036]{border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-size:.75rem;background:#fff;color:#374151;min-width:100px}.axis-select[data-v-8debb036]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.zoom-controls[data-v-8debb036]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zoom-display[data-v-8debb036]{font-size:.75rem;color:#6b7280;white-space:nowrap}.zoom-button[data-v-8debb036],.reset-button[data-v-8debb036]{padding:6px 12px;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.zoom-button[data-v-8debb036]{background-color:#2563eb;color:#fff;min-width:32px}.zoom-button[data-v-8debb036]:hover:not(:disabled){background-color:#1d4ed8}.zoom-button[data-v-8debb036]:disabled{opacity:.5;cursor:not-allowed;background-color:#2563eb}.reset-button[data-v-8debb036]{background-color:#6b7280;color:#fff}.reset-button[data-v-8debb036]:hover{background-color:#4b5563}.map-container[data-v-8debb036]{flex:1;overflow:hidden;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.map-content[data-v-8debb036]{position:relative;transform-origin:top left}.map-container[data-v-8debb036]:active{cursor:grabbing}.axis-label-x[data-v-8debb036]{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(24px);font-size:.875rem;font-weight:600;color:#374151;z-index:20;pointer-events:none}.axis-label-y[data-v-8debb036]{position:absolute;left:0;top:50%;transform:translateY(-50%) translate(-24px) rotate(-90deg);font-size:.875rem;font-weight:600;color:#374151;z-index:20;pointer-events:none}.grid-svg[data-v-8debb036]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-labels[data-v-8debb036]{font-size:.75rem;fill:#6b7280}.name-point[data-v-8debb036]{position:absolute;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;pointer-events:auto}.name-point[data-v-8debb036]:hover{transform:scale(1.25);z-index:30!important;font-weight:700!important}.instructions[data-v-8debb036]{margin-top:8px;font-size:.75rem;color:#6b7280;text-align:center;flex-shrink:0}@media (max-width: 768px){.controls-section[data-v-8debb036]{flex-direction:column;align-items:stretch}.axis-controls[data-v-8debb036],.zoom-controls[data-v-8debb036]{justify-content:center}.axis-select[data-v-8debb036]{min-width:80px}}.simple-list-container[data-v-338cf8f0]{height:100%;display:flex;flex-direction:column}.view-tabs[data-v-338cf8f0]{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.tab-btn[data-v-338cf8f0]{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.tab-btn[data-v-338cf8f0]:hover{background:#f3f4f6}.tab-btn.active[data-v-338cf8f0]{background:#2563eb;color:#fff;border-color:#2563eb}.plot-view[data-v-338cf8f0]{flex:1;min-height:0}.list-view[data-v-338cf8f0]{flex:1;display:flex;flex-direction:column;min-height:0}.filter-section[data-v-338cf8f0]{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.filter-group[data-v-338cf8f0]{margin-bottom:12px}.filter-group[data-v-338cf8f0]:last-child{margin-bottom:0}.filter-label[data-v-338cf8f0]{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:8px}.filter-options[data-v-338cf8f0]{display:flex;flex-wrap:wrap;gap:12px}.rarity-options[data-v-338cf8f0]{gap:8px}.checkbox-label[data-v-338cf8f0]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-label input[type=checkbox][data-v-338cf8f0]{width:16px;height:16px;cursor:pointer}.search-input[data-v-338cf8f0]{width:200px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.search-input[data-v-338cf8f0]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.names-section[data-v-338cf8f0]{flex:1;min-height:0;display:flex;flex-direction:column}.names-header[data-v-338cf8f0]{padding:8px 16px;font-size:.75rem;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb}.names-list[data-v-338cf8f0]{flex:1;overflow-y:auto}.name-item[data-v-338cf8f0]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.name-item[data-v-338cf8f0]:hover{background:#dbeafe}.name-item.selected[data-v-338cf8f0]{background:#bfdbfe}.name-reading[data-v-338cf8f0]{font-size:.9375rem;font-weight:500;color:#111827}.name-tags[data-v-338cf8f0]{display:flex;gap:6px}.tag[data-v-338cf8f0]{font-size:.6875rem;padding:2px 6px;border-radius:4px;font-weight:500}.rarity-tag[data-v-338cf8f0]{background:#e5e7eb;color:#374151}.rarity-tag.rarity-5[data-v-338cf8f0]{background:#fef3c7;color:#92400e}.rarity-tag.rarity-4[data-v-338cf8f0]{background:#ede9fe;color:#5b21b6}.gender-tag.boys[data-v-338cf8f0]{background:#dbeafe;color:#1d4ed8}.gender-tag.girls[data-v-338cf8f0]{background:#fce7f3;color:#be185d}.gender-tag.neutral[data-v-338cf8f0]{background:#f3f4f6;color:#4b5563}.names-list[data-v-338cf8f0]::-webkit-scrollbar{width:6px}.names-list[data-v-338cf8f0]::-webkit-scrollbar-track{background:#f1f5f9}.names-list[data-v-338cf8f0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.name-detail-container[data-v-8916dced]{height:100%;padding:20px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.empty-state[data-v-8916dced]{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.reading-detail[data-v-8916dced],.kanji-detail[data-v-8916dced]{height:100%;display:flex;flex-direction:column;overflow:hidden}.detail-header[data-v-8916dced]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.detail-title[data-v-8916dced]{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.close-button[data-v-8916dced]{color:#6b7280;font-size:.75rem;padding:4px 8px;border:none;background:none;cursor:pointer;transition:color .2s}.close-button[data-v-8916dced]:hover{color:#374151}.score-section[data-v-8916dced]{margin-bottom:20px;padding:16px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;flex-shrink:0}.section-title[data-v-8916dced]{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 12px}.score-grid[data-v-8916dced]{display:grid;grid-template-columns:1fr;gap:8px}.score-item[data-v-8916dced]{display:flex;justify-content:space-between;font-size:.75rem;color:#374151}.score-value[data-v-8916dced]{font-weight:600;color:#111827}.kanji-section[data-v-8916dced],.readings-section[data-v-8916dced]{flex:1;min-height:0;display:flex;flex-direction:column}.kanji-content[data-v-8916dced],.readings-content[data-v-8916dced]{flex:1;overflow-y:auto}.kanji-grid[data-v-8916dced]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kanji-button[data-v-8916dced]{padding:12px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-weight:600;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s;text-align:center}.kanji-button[data-v-8916dced]:hover{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.readings-grid[data-v-8916dced]{display:flex;flex-wrap:wrap;gap:6px}.reading-tag[data-v-8916dced]{padding:6px 12px;background-color:#dbeafe;color:#1e40af;border-radius:20px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.reading-tag[data-v-8916dced]:hover{background-color:#bfdbfe}.back-section[data-v-8916dced]{margin-bottom:16px;flex-shrink:0}.back-button[data-v-8916dced]{color:#2563eb;font-size:.75rem;padding:4px 8px;border:none;background:none;cursor:pointer;transition:color .2s}.back-button[data-v-8916dced]:hover{color:#1d4ed8}.empty-message[data-v-8916dced]{color:#6b7280;font-size:.75rem;text-align:center;padding:20px}#app{font-family:system-ui,-apple-system,sans-serif}.app-grid{display:grid;grid-template-areas:"header header" "main sidebar";grid-template-rows:auto 1fr;grid-template-columns:3fr 1fr;height:100vh;background-color:#f3f4f6;gap:16px;padding:16px;box-sizing:border-box}.header{grid-area:header;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.header-content{padding:12px 20px;display:flex;align-items:center}.header-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.main-area{grid-area:main;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;min-height:0}.sidebar{grid-area:sidebar;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;min-height:0;min-width:300px}.sidebar-content{height:100%;overflow:hidden}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.app-grid{grid-template-areas:"header" "main" "sidebar";grid-template-rows:auto 2fr 1fr;grid-template-columns:1fr}.sidebar{min-width:unset}}