:root{color-scheme:light;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--page: #f3f5f4;--panel: #ffffff;--panel-2: #f9fbfa;--ink: #171b1f;--muted: #68727d;--line: #d9e0e2;--line-strong: #aeb9bf;--blue: #3158e6;--red: #c8323d;--green: #087c68;--amber: #b87813;--violet: #6d4bc2;--shadow: 0 22px 70px rgba(23, 27, 31, .11)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(23,27,31,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(23,27,31,.035) 1px,transparent 1px),var(--page);background-size:32px 32px;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;min-width:0;overflow-x:clip}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(14px,4vw,38px);border-bottom:1px solid rgba(23,27,31,.12);background:#f3f5f4eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;border:0;padding:0;background:transparent;color:inherit;text-align:left}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:18px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}nav{display:flex;align-items:center;gap:6px;min-width:0}nav button,.nav-stack button,.command-row button{min-width:0;min-height:36px;border:1px solid transparent;border-radius:6px;padding:8px 10px;background:transparent;color:var(--muted);white-space:normal}nav button:hover,nav button.is-active,.nav-stack button:hover,.nav-stack button.is-active{border-color:#3158e62e;background:#3158e614;color:var(--ink)}.tool-band{display:grid;grid-template-columns:minmax(92px,1fr) minmax(0,1280px) minmax(92px,1fr);gap:clamp(12px,2vw,24px);align-items:start;padding:clamp(18px,4vw,42px) clamp(10px,2vw,22px)}.side-rail{position:sticky;top:88px;min-height:560px;pointer-events:none}.tool-frame,.insight-band,.guide-band,.keyword-band,.faq-band{width:100%;max-width:1280px;margin:0 auto}.tool-frame{min-width:0;border:1px solid rgba(23,27,31,.13);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.app-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:126px;padding:clamp(18px,3vw,30px);border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(49,88,230,.1),transparent 38%),linear-gradient(280deg,rgba(8,124,104,.1),transparent 35%),var(--panel-2)}.app-titlebar>*,.workbench>*,.workspace>*,.view-stack>*,.view-header>*,.filter-grid>*,.input-grid>*,.result-details>*,.split-panel>*,.data-layout>*,.planner-grid>*,.keyword-columns>*,.guide-band>*,.spotlight-grid>*{min-width:0}.app-titlebar h1{max-width:780px;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,5vw,58px);line-height:.96;letter-spacing:0}.eyebrow{margin:0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-cluster{display:grid;grid-template-columns:repeat(2,minmax(94px,1fr));gap:8px;min-width:260px}.status-badge{display:grid;gap:3px;min-height:54px;padding:9px 11px;border:1px solid rgba(23,27,31,.12);border-radius:7px;background:#ffffffbd}.status-badge small,.metric span,.metric small{color:var(--muted);font-size:12px}.status-badge strong{font-size:20px}.workbench{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:650px}.tool-nav{display:grid;align-content:start;gap:14px;padding:18px;border-right:1px solid var(--line);background:#f6f8f8}.nav-stack{display:grid;gap:6px;min-width:0}.nav-stack button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;text-align:left}.nav-stack button span,nav button{overflow-wrap:anywhere}.nav-note{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid rgba(8,124,104,.18);border-radius:7px;background:#087c6814;color:#225f53;font-size:13px;line-height:1.35}.workspace{min-width:0;padding:clamp(16px,3vw,28px)}.view-stack{display:grid;gap:18px}.view-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.view-title{display:flex;align-items:center;gap:12px}.view-title>svg{color:var(--red)}.view-title h2,.result-header h2,.detail-panel h3,.settings-group h3,.planner-panel h3,.section-heading h2,.guide-copy h2,.keyword-band h2,.faq-band h2{margin:4px 0 0;font-family:Georgia,Times New Roman,serif;letter-spacing:0}.view-title h2{font-size:clamp(22px,3vw,34px)}.field,.select-label{display:grid;gap:7px}.field.compact{gap:6px}.field span,.select-label span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}input,select{width:100%;min-height:42px;border:1px solid rgba(23,27,31,.18);border-radius:6px;padding:0 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3158e61f}.input-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:14px;align-items:end}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.recipe-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.action-stack{display:grid;gap:8px}.action-stack button,.primary-command{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:6px}.action-stack button{width:46px;border:1px solid rgba(23,27,31,.16);background:var(--panel-2)}.action-stack button:hover{color:#fff;background:var(--blue)}.primary-command{justify-self:start;padding:0 18px;border:0;color:#fff;background:var(--red);font-weight:800}.primary-command:hover{background:#a9232e}.toggle-row,.command-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid rgba(23,27,31,.14);border-radius:6px;background:var(--panel-2);color:var(--ink);font-size:13px;font-weight:700}.toggle input{width:15px;min-height:15px}.command-row button{border-color:#171b1f29;background:var(--panel-2);color:var(--ink);font-weight:800}.command-row button:hover{border-color:var(--blue);color:var(--blue)}.result-shell{padding:clamp(16px,3vw,24px);border:1px solid rgba(23,27,31,.14);border-radius:8px;background:var(--panel-2)}.result-shell.empty{display:flex;align-items:center;gap:10px;color:var(--muted)}.result-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.result-header h2{font-size:clamp(28px,5vw,50px)}.result-header span,.note{color:var(--muted)}.price{padding:8px 11px;border-radius:6px;color:#fff;background:var(--amber);white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.stat-row div,.metric{padding:12px;border:1px solid rgba(23,27,31,.12);border-radius:7px;background:#fff}.stat-row span,.detail-list span{display:block;color:var(--muted);font-size:12px}.stat-row strong,.metric strong{display:block;margin-top:4px;font-size:22px}.result-details,.split-panel,.data-layout,.planner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);gap:18px}.result-details h3,.split-panel h3,.keyword-title h3,.spotlight h3{margin:0 0 10px;font-size:18px}.pill-wrap{display:flex;flex-wrap:wrap;gap:7px}.skill-pill,.elem{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(23,27,31,.14);border-radius:6px;background:#fff;font-size:12px;font-weight:700}.skill-pill small{color:var(--muted)}.elem-fir,.elem-sla{color:var(--red)}.elem-ice,.elem-win{color:var(--blue)}.elem-ele,.elem-lig{color:var(--amber)}.elem-dar,.elem-alm{color:var(--violet)}.elem-rec,.elem-sup,.elem-pas{color:var(--green)}.resist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.resist{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:33px;padding:7px 9px;border-radius:6px;background:#171b1f0f;font-size:13px}.resist small{color:#5d6670}.is-weak{color:#98242d;background:#c8323d1c}.is-resist{color:#6a490e;background:#b8781324}.is-null,.is-repel,.is-drain{color:#0d5f51;background:#087c6821}.note{margin:16px 0 0;font-size:14px;line-height:1.5}.recipe-list,.generated-recipes,.settings-groups{display:grid;gap:9px}.recipe-row,.keyword-row,.chart-note,.plan-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 12px;border:1px solid rgba(23,27,31,.12);border-radius:7px;background:#fff}.recipe-row span,.keyword-row small,.recipe-meta,.plan-summary span{color:var(--muted);font-size:13px}.table-wrap,.chart-wrap{max-width:100%;min-width:0;overflow:auto;border:1px solid rgba(23,27,31,.13);border-radius:8px;background:#fff}.data-table,.fusion-chart-table{width:100%;min-width:940px;border-collapse:collapse;font-size:13px}.shadow-table{min-width:1320px}.persona-table{min-width:1260px}.data-table th,.data-table td,.fusion-chart-table th,.fusion-chart-table td{border-bottom:1px solid var(--line);padding:8px 9px;text-align:left;vertical-align:top}.data-table th,.fusion-chart-table th{position:sticky;top:0;z-index:1;background:#eef2f3;color:#38434d;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.data-table td small,.data-table td strong{display:block}.data-table td small{margin-top:3px;color:var(--muted)}.data-table tr:hover,.data-table tr.is-selected{background:#3158e612}.data-table td svg{color:var(--green)}.data-table td .lucide-circle-x,.data-table td svg+.lucide-circle-x{color:var(--red)}.detail-panel,.planner-panel,.settings-group,.generated-recipe,.keyword-list,.spotlight{border:1px solid rgba(23,27,31,.14);border-radius:8px;background:#fff}.detail-panel{display:grid;align-content:start;gap:14px;padding:16px}.detail-panel.empty{color:var(--muted)}.detail-panel h3{font-size:28px}.detail-list{display:grid;grid-template-columns:minmax(80px,.4fr) minmax(0,1fr);gap:8px 12px}.owner-list{display:flex;flex-wrap:wrap;gap:7px}.owner-list span{padding:5px 8px;border-radius:6px;background:#3158e614;color:#263f9e;font-size:12px;font-weight:700}.chart-wrap{max-height:680px}.fusion-chart-table{min-width:1500px}.fusion-chart-table th:first-child{left:0;z-index:2}.fusion-chart-table td button{width:100%;min-height:30px;border:0;border-radius:5px;background:transparent;color:var(--ink)}.fusion-chart-table td button:hover{background:#3158e61a;color:var(--blue)}.generated-recipe{display:grid;gap:10px;padding:14px}.recipe-mainline,.recipe-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.recipe-mainline b{color:var(--amber)}.settings-group{overflow:hidden}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.settings-heading h3{font-size:21px}.settings-heading span{color:var(--muted);font-size:13px}.settings-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.setting-row{display:grid;grid-template-columns:18px minmax(120px,.6fr) minmax(0,1fr);gap:8px;align-items:center;min-height:42px;padding:8px 10px;background:#fff;font-size:13px}.setting-row input{width:15px;min-height:15px}.setting-row span{color:var(--muted)}.planner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-panel{display:grid;align-content:start;gap:12px;padding:16px}.compare-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compare-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.compare-table div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2)}.compare-table span{color:var(--muted);font-size:12px}.compare-table em{color:var(--blue);font-style:normal;font-weight:800}.insight-band,.guide-band,.keyword-band,.faq-band{padding:clamp(28px,5vw,52px) clamp(18px,3vw,32px)}.section-heading{margin-bottom:18px}.section-heading h2,.guide-copy h2,.keyword-band h2,.faq-band h2{font-size:clamp(28px,4vw,44px)}.spotlight-grid,.keyword-columns{display:grid;gap:14px}.spotlight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.spotlight,.keyword-list{padding:16px}.spotlight-top{display:flex;justify-content:space-between;gap:10px}.spotlight-top span,.spotlight p{color:var(--muted)}.guide-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:24px;border-top:1px solid rgba(23,27,31,.12);border-bottom:1px solid rgba(23,27,31,.12)}.guide-copy p,.faq-band p{color:var(--muted);line-height:1.7}.guide-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.keyword-columns{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.keyword-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.keyword-row+.keyword-row{margin-top:8px}.faq-band details{border-top:1px solid rgba(23,27,31,.16);padding:16px 0}.faq-band details:last-child{border-bottom:1px solid rgba(23,27,31,.16)}.faq-band summary{cursor:pointer;font-weight:800}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:28px clamp(18px,4vw,42px);border-top:1px solid rgba(23,27,31,.12);color:var(--muted)}.site-footer a{display:inline-flex;align-items:center;gap:5px}@media(max-width:1320px){.tool-band{grid-template-columns:1fr}.side-rail{display:none}}@media(max-width:1060px){.site-header,.app-titlebar,.result-header{align-items:stretch;flex-direction:column}nav{width:100%;overflow-x:auto}.workbench,.guide-band,.keyword-columns,.result-details,.split-panel,.data-layout,.planner-grid{grid-template-columns:1fr}.tool-nav{border-right:0;border-bottom:1px solid var(--line)}.nav-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-stack button{justify-content:center}}@media(max-width:780px){.status-cluster,.filter-grid,.recipe-filters,.input-grid,.compare-inputs,.settings-list{grid-template-columns:1fr}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.action-stack{grid-template-columns:repeat(2,46px)}.stat-row,.guide-metrics,.compare-table{grid-template-columns:repeat(2,minmax(0,1fr))}.resist-grid{grid-template-columns:1fr}}@media(max-width:460px){.brand strong{font-size:16px}.workspace,.tool-nav,.app-titlebar{padding-left:14px;padding-right:14px}.stat-row,.guide-metrics,.compare-table{grid-template-columns:1fr}}