button[data-v-3997df6f]{transition:background .2s}button[data-v-3997df6f]:hover{opacity:.8}.kanji-writer-grid[data-v-3997df6f]{background-color:#fffbeb;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 0);background-size:15px 15px;border-color:#fde68a}.dark .kanji-writer-grid[data-v-3997df6f]{background-color:#1e293b;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);border-color:#475569}.graph-page-container[data-v-ee38db6b]{background-color:#f9fafb;box-sizing:border-box;color:#111827;display:flex;flex-direction:column;min-height:100vh;width:100%}.header-section[data-v-ee38db6b]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5rem 1rem}.main-title[data-v-ee38db6b]{color:#2563eb;font-size:1.8rem;font-weight:600;margin:0}.toggle-container[data-v-ee38db6b]{display:flex;gap:1.5rem}.dimension-toggle[data-v-ee38db6b],.mode-toggle[data-v-ee38db6b]{align-items:center;display:flex;gap:.5rem}.toggle-label[data-v-ee38db6b]{color:#4b5569;font-size:.9rem}.main-content[data-v-ee38db6b]{box-sizing:border-box;display:flex;flex:1;gap:1.5rem;padding:1rem}.flex-container[data-v-ee38db6b]{display:flex;flex-direction:row;height:100%;min-height:600px;width:100%}.stroke-panel[data-v-ee38db6b]{flex:0 0 320px}.kanji-card[data-v-ee38db6b],.stroke-panel[data-v-ee38db6b]{display:flex;flex-direction:column}.kanji-card[data-v-ee38db6b]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;height:auto;padding:1.5rem;width:100%}.kanji-title[data-v-ee38db6b]{color:#2563eb;font-size:1.5rem;margin-bottom:1rem;margin-top:0;text-align:center}.kanji-info[data-v-ee38db6b]{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.graph-panel[data-v-ee38db6b]{display:flex;flex:1;flex-direction:column;min-width:0}.graph-container[data-v-ee38db6b]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;flex:1;min-height:600px;overflow:hidden;padding:1rem;position:relative}.force-graph-component[data-v-ee38db6b]{align-items:start;border-radius:8px;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}button[data-v-ee38db6b]{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}button[data-v-ee38db6b]:hover{background:#d1d5db}button.active[data-v-ee38db6b]{background:#2563eb;color:#fff}.loading-container[data-v-ee38db6b]{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner[data-v-ee38db6b]{animation:spin-ee38db6b 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}@keyframes spin-ee38db6b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dark .graph-page-container[data-v-ee38db6b]{background-color:#0f172a;color:#e2e8f0}.dark .header-section[data-v-ee38db6b]{border-bottom:1px solid #334155}.dark .main-title[data-v-ee38db6b]{color:#7dd3fc}.dark .toggle-label[data-v-ee38db6b]{color:#94a3b8}.dark .kanji-card[data-v-ee38db6b]{background:#1e293b;border-color:transparent;box-shadow:0 4px 6px #0000001a}.dark .kanji-title[data-v-ee38db6b]{color:#7dd3fc}.dark .kanji-info[data-v-ee38db6b]{border-top:1px solid #334155}.dark .graph-container[data-v-ee38db6b]{background:#1e293b;border-color:transparent;box-shadow:0 4px 6px #0000001a}.dark button[data-v-ee38db6b]{background:#334155;color:#cfe8ff}.dark button[data-v-ee38db6b]:hover{background:#475569}.dark button.active[data-v-ee38db6b]{background:#0ea5e9;color:#fff}.dark .loading-spinner[data-v-ee38db6b]{border:4px solid #334155;border-top-color:#0ea5e9}@media (max-width:968px){.main-content[data-v-ee38db6b]{flex-direction:column}.stroke-panel[data-v-ee38db6b]{flex:0 0 auto;max-width:100%}.header-section[data-v-ee38db6b]{align-items:flex-start;flex-direction:column;gap:1rem}.toggle-container[data-v-ee38db6b]{justify-content:space-between;width:100%}}@media (max-width:640px){.toggle-container[data-v-ee38db6b]{flex-direction:column;gap:.5rem}.dimension-toggle[data-v-ee38db6b],.mode-toggle[data-v-ee38db6b]{justify-content:space-between;width:100%}.graph-page-container[data-v-ee38db6b],.main-content[data-v-ee38db6b]{padding:.5rem}.kanji-card[data-v-ee38db6b]{padding:1rem}}