.page.svelte-17cxid1{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f4f2ff}.layout.svelte-17cxid1{flex:1;display:flex;min-height:0}.graph-area.svelte-17cxid1{flex:1;overflow-y:auto;padding:16px 24px}.graph-shell.svelte-17cxid1{max-width:980px;margin:0 auto}.graph-title-row.svelte-17cxid1{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}h1.svelte-17cxid1{margin:0;color:#2d2556;font-size:1.25rem;line-height:1.2}.graph-badge.svelte-17cxid1{display:flex;align-items:baseline;gap:8px;color:#4b4393;font-size:.72rem;white-space:nowrap}.graph-badge.svelte-17cxid1 span:where(.svelte-17cxid1){color:#2d2556;font-weight:800}.graph-badge.svelte-17cxid1 strong:where(.svelte-17cxid1){font-weight:700}.graph-card.svelte-17cxid1{position:relative;background:#fff;border:1px solid #E6E2FF;border-radius:8px;overflow:hidden}.graph-legend.svelte-17cxid1{position:absolute;z-index:2;top:8px;left:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:5px 8px;border:1px solid rgba(230,226,255,.92);border-radius:6px;background:#ffffffe0;color:#2d2556;font-size:.66rem;font-weight:700;pointer-events:none}.graph-legend.svelte-17cxid1 span:where(.svelte-17cxid1){display:inline-flex;align-items:center;gap:5px}.legend-line.svelte-17cxid1{width:18px;height:0;border-top:2px solid currentColor}.legend-line.temp.svelte-17cxid1{color:#6a67ff}.legend-line.ror.svelte-17cxid1{color:#2dd4bf}.legend-line.fan.svelte-17cxid1{color:#ffbc76}.legend-line.compare.svelte-17cxid1{color:#8a86d8;border-top-style:dashed}.graph-card.pending.svelte-17cxid1 .profile-svg:where(.svelte-17cxid1){opacity:.72}.spinner-overlay.svelte-17cxid1{position:absolute;inset:0;display:grid;place-items:center;background:#f4f2ff8f;color:#2d2556;font-size:.78rem;font-weight:700}.profile-svg.svelte-17cxid1{display:block;width:100%;height:auto}.graph-card.svelte-17cxid1 .grid-lines line,.graph-card.svelte-17cxid1 [stroke="#D1D5DB"]{stroke:#e6e2ff}.graph-card.svelte-17cxid1 .grid-lines text[fill="#6B7280"]{fill:#4b4393}.graph-card.svelte-17cxid1 .grid-lines text[fill="#22C55E"]{fill:#2dd4bf}.graph-card.svelte-17cxid1 path[stroke="#3B82F6"]{stroke:#6a67ff}.graph-card.svelte-17cxid1 path[stroke="#22C55E"]{stroke:#2dd4bf}.graph-card.svelte-17cxid1 circle[fill="#3B82F6"],.graph-card.svelte-17cxid1 text[fill="#3B82F6"]{fill:#6a67ff}.graph-card.svelte-17cxid1 text[fill="#22C55E"]{fill:#2dd4bf}.panel-area.svelte-17cxid1{width:330px;flex-shrink:0;background:#f4f2ff;overflow-y:auto;box-shadow:-4px 0 24px #3e357b1a}.panel.svelte-17cxid1{display:flex;flex-direction:column;gap:12px;padding:16px}.panel-section.svelte-17cxid1{display:flex;flex-direction:column;gap:8px}.section-label.svelte-17cxid1{color:#2d2556;font-size:.65rem;font-weight:600;letter-spacing:0;text-transform:uppercase;padding-left:2px}.section-card.svelte-17cxid1{background:#504a86;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:8px 12px}.input-grid.svelte-17cxid1{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;row-gap:5px}.row-bar.svelte-17cxid1{width:3px;align-self:stretch;border-radius:1.5px}.row-label.svelte-17cxid1{color:#f4f2ff;font-size:.75rem;font-weight:500}.grid-divider.svelte-17cxid1{grid-column:1 / -1;height:1px;background:#ffffff1f}.segment-control.svelte-17cxid1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:168px;border:1px solid rgba(255,255,255,.18);border-radius:6px;overflow:hidden;background:#ffffff14}.segment-control.svelte-17cxid1 button:where(.svelte-17cxid1){min-width:0;border:0;border-right:1px solid rgba(255,255,255,.16);padding:5px 6px;background:transparent;color:#f4f2ff;font-size:.64rem;font-weight:700;cursor:pointer;overflow-wrap:anywhere}.segment-control.svelte-17cxid1 button:where(.svelte-17cxid1):last-child{border-right:0}.segment-control.svelte-17cxid1 button.active:where(.svelte-17cxid1){background:#f4f2ff;color:#2d2556}.preset-select.svelte-17cxid1{width:168px;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 7px;background:#ffffff1a;color:#f4f2ff;font-size:.66rem;font-weight:700}.preset-select.svelte-17cxid1 option:where(.svelte-17cxid1){color:#2d2556;background:#f4f2ff}.toggle-control.svelte-17cxid1{justify-self:end;position:relative;display:inline-flex;align-items:center;width:34px;height:20px;cursor:pointer}.toggle-control.svelte-17cxid1 input:where(.svelte-17cxid1){position:absolute;opacity:0;pointer-events:none}.toggle-control.svelte-17cxid1 span:where(.svelte-17cxid1){width:100%;height:100%;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);transition:background .15s}.toggle-control.svelte-17cxid1 span:where(.svelte-17cxid1):after{content:"";position:absolute;top:4px;left:4px;width:12px;height:12px;border-radius:50%;background:#f4f2ff;transition:transform .15s}.toggle-control.svelte-17cxid1 input:where(.svelte-17cxid1):checked+span:where(.svelte-17cxid1){background:#6c5ce7}.toggle-control.svelte-17cxid1 input:where(.svelte-17cxid1):checked+span:where(.svelte-17cxid1):after{transform:translate(14px)}.toggle-control.svelte-17cxid1 input:where(.svelte-17cxid1):disabled+span:where(.svelte-17cxid1){opacity:.45}.slider-control.svelte-17cxid1{display:grid;grid-template-columns:minmax(92px,1fr) 42px;align-items:center;gap:8px;width:168px}.slider-control.svelte-17cxid1 input[type=range]:where(.svelte-17cxid1){width:100%;accent-color:#D6FF5B}.slider-control.svelte-17cxid1 input[type=range]:where(.svelte-17cxid1):disabled{opacity:.45}.slider-control.svelte-17cxid1 strong:where(.svelte-17cxid1){color:#f4f2ff;font-size:.66rem;text-align:right}.generate-btn.svelte-17cxid1{width:100%;border:0;border-radius:.375rem;padding:9px 12px;background:#6c5ce7;color:#f7f6ff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.generate-btn.svelte-17cxid1:hover{background:#7d6ff0}.export-actions.svelte-17cxid1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-btn.svelte-17cxid1{width:100%;border:1px solid #6C5CE7;border-radius:.375rem;padding:8px 10px;background:#fff;color:#3d2fa4;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s}.export-btn.svelte-17cxid1:hover{background:#f4f2ff}.export-btn.svelte-17cxid1:disabled{border-color:#c4bfe0;color:#9b95bd;cursor:default}.export-btn.svelte-17cxid1:disabled:hover{background:#fff}.error-box.svelte-17cxid1{border:1px solid #FCA5A5;background:#fef2f2;color:#991b1b;border-radius:8px;padding:10px;font-size:.75rem}.metrics.svelte-17cxid1{border-top:1px solid #C4BFE0;padding-top:12px}.metric-row.svelte-17cxid1{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475569;font-size:.76rem}.metric-row.svelte-17cxid1 strong:where(.svelte-17cxid1){color:#2d2556;min-width:0;text-align:right;overflow-wrap:anywhere}.metric-row.svelte-17cxid1 strong.risk:where(.svelte-17cxid1){color:#b7791f}.metric-row.comparison.svelte-17cxid1{color:#5d5494}.metric-row.comparison.svelte-17cxid1 strong:where(.svelte-17cxid1){color:#4b4393}.notice-section.svelte-17cxid1{border-top:1px solid #C4BFE0;padding-top:12px}.notice-card.svelte-17cxid1{background:#fffbeb;border:1px solid #FCD34D;border-radius:6px;padding:10px;font-size:.72rem}.notice-card.svelte-17cxid1 strong:where(.svelte-17cxid1){display:block;color:#92400e;margin-bottom:4px}.notice-card.svelte-17cxid1 p:where(.svelte-17cxid1){margin:0;color:#92400e;line-height:1.4}.roast-character-section.svelte-17cxid1{border-top:1px solid #C4BFE0;padding-top:12px}.roast-character-toggle.svelte-17cxid1{width:100%;border:1px solid #C4BFE0;border-radius:6px;background:#fff;color:#475569;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;font-size:.74rem;cursor:pointer}.roast-character-toggle.svelte-17cxid1 strong:where(.svelte-17cxid1){color:#2f6b3b;font-size:.72rem;text-align:right}.roast-character-toggle.warning.svelte-17cxid1{background:#fffbeb;border-color:#fcd34d;color:#92400e}.roast-character-toggle.warning.svelte-17cxid1 strong:where(.svelte-17cxid1){color:#b7791f}.roast-character-detail.svelte-17cxid1{border:1px solid #E1DCF5;border-top:0;border-radius:0 0 6px 6px;padding:9px 10px;font-size:.7rem;color:#554b85;background:#faf9ff}.roast-character-detail.svelte-17cxid1 div:where(.svelte-17cxid1){display:flex;justify-content:space-between;gap:10px}.roast-character-detail.svelte-17cxid1 p:where(.svelte-17cxid1){margin:7px 0 0;line-height:1.4}@media(max-width:900px){.page.svelte-17cxid1{height:auto;min-height:100vh;overflow:visible}.layout.svelte-17cxid1{flex-direction:column}.graph-area.svelte-17cxid1{padding:14px}.panel-area.svelte-17cxid1{width:100%;box-shadow:0 -4px 24px #3e357b1a}}