:root{color-scheme:light;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--paper: #f8f6ee;--paper-2: #fffdf6;--ink: #191917;--muted: #6d6a61;--line: #d8d1bf;--blue: #1b55d9;--red: #e12d39;--gold: #d6a11f;--teal: #16866f;--shadow: 0 18px 60px rgba(25, 25, 23, .11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(27,85,217,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(27,85,217,.05) 1px,transparent 1px),var(--paper);background-size:36px 36px;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,42px);border-bottom:1px solid rgba(25,25,23,.12);background:#f8f6eee6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.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:8px}nav a{padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--muted);font-size:14px}nav a:hover{color:var(--ink);background:#1919170f}.tool-band{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1120px) minmax(90px,1fr);gap:clamp(12px,2vw,24px);align-items:start;padding:clamp(18px,4vw,46px) clamp(12px,2vw,22px)}.side-rail{position:sticky;top:92px;min-height:520px;display:grid;place-items:center;color:#19191761;border:1px dashed rgba(25,25,23,.18);border-radius:8px;background:#fffdf685}.side-rail span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.tool-frame,.insight-band,.guide-band,.keyword-band,.faq-band{width:100%;max-width:1120px;margin:0 auto}.tool-frame{border:1px solid rgba(25,25,23,.14);border-radius:8px;background:#fffdf6f0;box-shadow:var(--shadow);overflow:hidden}.intro-strip{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:180px;gap:24px;align-items:center;padding:clamp(22px,4vw,42px);border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(27,85,217,.12),transparent 36%),linear-gradient(300deg,rgba(225,45,57,.12),transparent 32%),var(--paper-2)}.intro-strip h1{max-width:760px;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,70px);line-height:.95;letter-spacing:0}.eyebrow{margin:0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sigil{width:100%;min-width:0;aspect-ratio:16 / 10;object-fit:cover;border:1px solid rgba(25,25,23,.16);border-radius:8px}.control-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px clamp(18px,3vw,32px);border-bottom:1px solid var(--line)}.segmented{display:flex;gap:4px;padding:4px;border:1px solid rgba(25,25,23,.14);border-radius:8px;background:#1919170a}.segmented button,.action-stack button,.primary-command{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:6px}.segmented button{padding:8px 13px;color:var(--muted);background:transparent}.segmented button.is-active{color:var(--paper-2);background:var(--ink)}.select-label,.field{display:grid;gap:8px}.select-label span,.field span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}select,input{width:100%;min-height:46px;border:1px solid rgba(25,25,23,.18);border-radius:6px;padding:0 13px;background:#fffef9;color:var(--ink);outline:none}select:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1b55d91f}.workspace{padding:clamp(18px,3vw,32px)}.input-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:14px;align-items:end}.compendium-grid{grid-template-columns:minmax(0,1fr) minmax(220px,340px)}.action-stack{display:grid;gap:8px}.action-stack button{width:46px;border:1px solid rgba(25,25,23,.15);background:var(--paper)}.action-stack button:hover{color:var(--paper-2);background:var(--blue)}.primary-command{margin-top:18px;padding:0 18px;color:var(--paper-2);background:var(--red);font-weight:800}.primary-command:hover{background:#bf1d2b}.result-shell{margin-top:22px;padding:clamp(18px,3vw,28px);border:1px solid rgba(25,25,23,.14);border-radius:8px;background:var(--paper-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:start}.result-header h2,.section-heading h2,.guide-copy h2,.keyword-band h2,.faq-band h2{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;letter-spacing:0}.result-header h2{font-size:clamp(28px,5vw,54px)}.result-header span,.note{color:var(--muted)}.price{padding:8px 11px;border-radius:6px;color:var(--ink);background:#f4d36d;white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.stat-row div,.metric{padding:14px;border:1px solid rgba(25,25,23,.12);border-radius:8px;background:#f8f6eecc}.stat-row span,.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.stat-row strong,.metric strong{display:block;margin-top:5px;font-size:24px}.result-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:22px}.result-details h3,.keyword-title h3,.spotlight h3{margin:0 0 10px;font-size:18px}.pill-wrap{display:flex;flex-wrap:wrap;gap:7px}.skill-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(25,25,23,.14);border-radius:6px;background:#fffdf6;font-size:13px}.skill-pill small{color:var(--muted)}.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:34px;padding:7px 9px;border-radius:6px;background:#1919170f;font-size:13px}.resist small{color:var(--muted)}.resist-w{background:#e12d3921}.resist-s,.resist-n,.resist-r,.resist-d{background:#16866f24}.note{margin:18px 0 0;font-size:14px}.recipe-list{display:grid;gap:8px;margin-top:20px}.recipe-row,.keyword-row,.skill-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid rgba(25,25,23,.12);border-radius:8px;background:#fffdf6}.recipe-row span,.keyword-row small,.skill-strip span{color:var(--muted);font-size:13px}.skill-strip{justify-content:flex-start;margin:18px 0}.persona-grid,.spotlight-grid,.keyword-columns{display:grid;gap:14px}.persona-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.persona-tile,.spotlight,.keyword-list{border:1px solid rgba(25,25,23,.14);border-radius:8px;background:#fffdf6eb}.persona-tile{display:grid;gap:12px;padding:14px}.persona-tile>div:first-child,.spotlight-top{display:flex;justify-content:space-between;gap:10px}.persona-tile span,.spotlight-top span{color:var(--muted)}.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{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.spotlight{padding:16px}.spotlight p{margin:0;color:var(--muted)}.guide-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:24px;border-top:1px solid rgba(25,25,23,.12);border-bottom:1px solid rgba(25,25,23,.12)}.guide-copy p{max-width:680px;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-list{padding:16px}.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(25,25,23,.16);padding:16px 0}.faq-band details:last-child{border-bottom:1px solid rgba(25,25,23,.16)}.faq-band summary{cursor:pointer;font-weight:800}.faq-band p{color:var(--muted);line-height:1.7}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:28px clamp(18px,4vw,42px);border-top:1px solid rgba(25,25,23,.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:980px){.site-header{position:static;align-items:flex-start;flex-direction:column}.intro-strip,.guide-band,.keyword-columns,.result-details,.compendium-grid{grid-template-columns:1fr}.sigil{max-height:210px}}@media(max-width:680px){nav{width:100%;overflow-x:auto}.control-row,.result-header,.site-footer{align-items:stretch;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.input-grid{grid-template-columns:1fr}.action-stack{grid-template-columns:repeat(2,46px)}.stat-row,.guide-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.resist-grid{grid-template-columns:1fr}}@media(max-width:420px){.brand strong{font-size:16px}.workspace,.control-row,.intro-strip{padding-left:14px;padding-right:14px}.stat-row{grid-template-columns:1fr}}