.bagua-calc.svelte-1xjkq4k{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;max-width:600px;margin:0 auto}.title.svelte-1xjkq4k{font-family:Georgia,Times New Roman,serif;color:var(--color-text);font-size:1.5rem;margin:0 0 1rem;text-align:center}.subtitle.svelte-1xjkq4k{color:#a09cb0;font-size:.88rem;text-align:center;line-height:1.6;margin:0 0 1.25rem}.input-section.svelte-1xjkq4k{display:flex;flex-direction:column;align-items:center;gap:1rem}.direction-grid.svelte-1xjkq4k{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-width:380px}.dir-btn.svelte-1xjkq4k{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:all .2s}.dir-btn.svelte-1xjkq4k:hover{border-color:var(--color-accent)}.dir-btn.selected.svelte-1xjkq4k{background:#b48cff1a;border-color:var(--color-accent)}.dir-code.svelte-1xjkq4k{font-weight:700;font-size:1rem;color:var(--color-text)}.dir-name.svelte-1xjkq4k{font-size:.7rem;color:var(--color-text-muted)}.dir-btn.selected.svelte-1xjkq4k .dir-name:where(.svelte-1xjkq4k){color:var(--color-text)}.btn-calculate.svelte-1xjkq4k{background:var(--color-accent);color:#fff;border:none;padding:.65rem 1.75rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .2s}.btn-calculate.svelte-1xjkq4k:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-calculate.svelte-1xjkq4k:disabled{opacity:.5;cursor:not-allowed}.result-section.svelte-1xjkq4k{display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:svelte-1xjkq4k-fadeSlideIn .4s ease-out}.door-info.svelte-1xjkq4k{color:#a09cb0;font-size:.88rem;margin:0}.door-info.svelte-1xjkq4k strong:where(.svelte-1xjkq4k){color:#b48cff}.bagua-grid.svelte-1xjkq4k{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}.bagua-cell.svelte-1xjkq4k{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;transition:all .2s;position:relative;min-height:90px;justify-content:center}.bagua-cell.svelte-1xjkq4k:hover{border-color:var(--cell-accent, #b48cff);background:#b48cff0a}.bagua-cell.active.svelte-1xjkq4k{border-color:var(--cell-accent, #b48cff);background:#b48cff14;box-shadow:0 0 12px color-mix(in srgb,var(--cell-accent, #b48cff) 20%,transparent)}.bagua-cell.entrance.svelte-1xjkq4k{border-color:var(--color-text)}.cell-name.svelte-1xjkq4k{font-family:Georgia,serif;font-weight:700;font-size:.85rem;color:var(--cell-accent, #b48cff)}.cell-life.svelte-1xjkq4k{font-size:.7rem;color:#c8c4d8;line-height:1.3}.cell-element.svelte-1xjkq4k{font-size:.65rem;color:var(--color-text-muted);font-style:italic}.entrance-badge.svelte-1xjkq4k{position:absolute;top:4px;right:4px;background:gold;color:#0d0b1a;font-size:.55rem;font-weight:700;padding:.1rem .35rem;border-radius:999px;text-transform:uppercase}.area-details.svelte-1xjkq4k{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;width:100%;animation:svelte-1xjkq4k-fadeSlideIn .3s ease-out}.area-title.svelte-1xjkq4k{font-family:Georgia,serif;font-size:1.1rem;margin:0 0 1rem;text-align:center}.detail-grid.svelte-1xjkq4k{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.detail-item.svelte-1xjkq4k{display:flex;flex-direction:column;gap:.15rem}.detail-label.svelte-1xjkq4k{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.detail-value.svelte-1xjkq4k{color:#c8c4d8;font-size:.88rem}.tips-card.svelte-1xjkq4k{background:var(--color-surface);border-radius:8px;padding:.75rem}.tips-label.svelte-1xjkq4k{font-family:Georgia,serif;color:#b48cff;font-size:.82rem;margin:0 0 .4rem}.tips-text.svelte-1xjkq4k{color:#c8c4d8;font-size:.85rem;line-height:1.6;margin:0}.btn-reset.svelte-1xjkq4k{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.6rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s}.btn-reset.svelte-1xjkq4k:hover{border-color:var(--color-accent);color:#b48cff}@keyframes svelte-1xjkq4k-fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.bagua-calc.svelte-1xjkq4k{padding:1.25rem}.direction-grid.svelte-1xjkq4k{grid-template-columns:repeat(2,1fr)}.bagua-cell.svelte-1xjkq4k{min-height:75px;padding:.5rem .35rem}.cell-life.svelte-1xjkq4k{font-size:.6rem}.detail-grid.svelte-1xjkq4k{grid-template-columns:1fr}}