:root{--ink:#07111f;--muted:#627084;--line:#d8e0eb;--panel:#ffffff;--panel2:#f8fbff;--nav:#050b16;--nav2:#10243d;--blue:#1d4ed8;--cyan:#0891b2;--green:#047857;--amber:#a16207;--red:#be123c;--purple:#7e22ce;--shadow:0 24px 70px rgba(15,23,42,.13);--softShadow:0 14px 35px rgba(15,23,42,.08);--radius:28px;--radius2:18px}*{box-sizing:border-box}html{background:#f4f8fc;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 18% 8%,#dbeafe 0,#f7fbff 30%,#f4f7fb 70%,#eef4fb 100%)}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr)}.proShell:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(29,78,216,.08),transparent 35%,rgba(8,145,178,.08));pointer-events:none}.side{background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;padding:22px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:20px 0 70px rgba(15,23,42,.22);z-index:3}.brand{border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at top left,rgba(96,165,250,.42),rgba(15,23,42,.92) 45%,rgba(2,6,23,.95));border-radius:30px;padding:24px;margin-bottom:18px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.brand p{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#93c5fd;font-weight:900}.brand h1{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.04em}.brand span{display:block;color:#dbeafe;margin-top:12px;line-height:1.45;font-size:13px}.roleBox{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:22px;padding:14px;margin-bottom:14px}.roleBox label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:950;color:#93c5fd;margin-bottom:8px}.roleBox p{margin:10px 0 0;color:#dbeafe;font-size:13px;line-height:1.45}.darkSelect{background:#0f172a;color:#fff;border-color:rgba(255,255,255,.18)}.nav{display:grid;grid-gap:9px;gap:9px}.nav button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dbeafe;text-align:left;border-radius:18px;padding:13px 14px;cursor:pointer;transition:.18s ease}.nav button strong{display:block;font-size:14px}.nav button small{display:block;color:#93a4bc;margin-top:3px}.nav button.active,.nav button:hover{background:#fff;color:#07111f;transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.22)}.nav button.active small,.nav button:hover small{color:#506176}.main{min-width:0;position:relative;z-index:1}.head{min-height:82px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.head small{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:950}.head h2{margin:3px 0 0;font-size:24px;letter-spacing:-.03em}.content{padding:30px}.grid{display:grid;grid-gap:20px;gap:20px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h1{font-size:36px;letter-spacing:-.05em;margin:0}.section p{margin:8px 0 0;color:var(--muted);line-height:1.6;max-width:980px}.battleCard,.card,.catalogCard,.evidenceCard,.metricCard,.promptCard{background:rgba(255,255,255,.92);border:1px solid rgba(216,224,235,.95);border-radius:var(--radius);padding:22px;box-shadow:var(--softShadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.battleCard h3,.card h3,.catalogCard h3,.evidenceCard h3,.promptCard h3{margin:0 0 10px;font-size:20px;letter-spacing:-.025em}.battleCard p,.card p,.catalogCard p,.evidenceCard p,.promptCard p{line-height:1.62;color:#405064}.featurePanel{border-color:#bfdbfe;background:linear-gradient(180deg,#ffffff,#eff6ff)}.hero{border-radius:34px;padding:32px;margin-bottom:24px;background:linear-gradient(135deg,#07111f,#123154 55%,#075985);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.12)}.hero h1{font-size:44px;line-height:1.02;letter-spacing:-.06em;margin:14px 0;max-width:1050px}.hero h1,.hero h2{position:relative;z-index:1}.hero h2{font-size:30px;margin:0 0 10px}.hero p{color:#dbeafe;line-height:1.7;max-width:1050px;position:relative;z-index:1}.answerHero{background:linear-gradient(135deg,#0f766e,#0f172a)}.metricCard{position:relative;overflow:hidden}.metricCard:after{content:"";position:absolute;right:-38px;top:-38px;width:115px;height:115px;border-radius:999px;background:#dbeafe;opacity:.6}.metricCard p{margin:0;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.metricCard strong{display:block;font-size:40px;letter-spacing:-.06em;margin-top:8px}.metricCard span{display:block;color:#7b8798;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #cbd5e1;background:#f1f5f9;color:#475569;padding:6px 11px;font-size:12px;font-weight:950}.badge.dark{background:#07111f;color:#fff;border-color:#07111f}.badge.green{background:#dcfce7;color:var(--green);border-color:#bbf7d0}.badge.amber{background:#fef3c7;color:var(--amber);border-color:#fde68a}.badge.red{background:#ffe4e6;color:var(--red);border-color:#fecdd3}.badge.blue{background:#dbeafe;color:var(--blue);border-color:#bfdbfe}.btn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px 15px;font-weight:950;cursor:pointer;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.1)}.btn.primary{background:linear-gradient(135deg,#07111f,#123154);color:#fff;border-color:#07111f}.btn.danger{background:#fff1f2;color:var(--red);border-color:#fecdd3}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);padding:13px 15px;outline:none}.btn:focus-visible,.input:focus,.select:focus,.textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 5px rgba(147,197,253,.28)}.textarea{min-height:150px;resize:vertical}.largeInput{min-height:190px}.searchInput{min-width:min(520px,100%);flex:1 1}.error,.notice,.success{border-radius:20px;padding:16px;line-height:1.6;margin-top:12px}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.error{background:#fff1f2;border:1px solid #fecdd3;color:var(--red)}.success{background:#ecfdf5;border:1px solid #bbf7d0;color:var(--green)}.progressRail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.progressRail span{border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:10px 12px;text-align:center;font-size:12px;font-weight:950;color:#64748b;box-shadow:0 8px 18px rgba(15,23,42,.06)}.progressRail span.active{background:#07111f;color:#fff;border-color:#07111f}.commandGrid{align-items:start}.briefList{display:grid;grid-gap:12px;gap:12px;margin:16px 0}.briefItem{border:1px solid #dbe3ef;background:#fff;border-radius:20px;padding:16px}.briefItem strong{display:block;margin-top:8px;font-size:16px}.briefItem p{margin:8px 0}.briefItem span{display:block;color:#526174;line-height:1.55}.signalStack{display:grid;grid-gap:22px;gap:22px}.signalStack small{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:950;color:var(--muted)}.signalStack h2{margin:4px 0;font-size:30px;letter-spacing:-.05em}.promptCard{background:linear-gradient(180deg,#fff,#f8fbff)}.promptBlock{display:grid;grid-gap:8px;gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.promptBlock strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.promptBlock span{display:block;padding:10px 12px;border-radius:14px;background:#f1f5f9;color:#324256;line-height:1.45}.promptBlock.output span{background:#ecfeff;color:#155e75}.battleCard{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cbd5e1}.upgradedBattle{border-top:6px solid #0f172a}.battleSection{display:grid;grid-gap:8px;gap:8px;margin:16px 0}.battleSection strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.battleSection span{display:inline-flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px;color:#334155;font-weight:800}.catalogCard{display:grid;grid-gap:12px;gap:12px}.tagCloud{display:flex;flex-wrap:wrap;gap:8px}.tagCloud span{border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:7px 10px;font-size:12px;font-weight:850;color:#334155}.lightTags span{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);color:#fff}.evidenceCard{background:linear-gradient(180deg,#fff,#f8fbff)}.tableWrap{overflow:auto;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--softShadow)}table{border-collapse:collapse;width:100%;min-width:1180px}td,th{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #eef2f7}th{background:#f8fafc;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}td{line-height:1.55;color:#334155}.scoreCard{border:1px solid #dbe3ef;border-radius:24px;padding:20px;background:linear-gradient(180deg,#fff,#f8fbff)}.scoreGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.scoreGrid .metricCard{padding:16px}.scoreGrid .metricCard strong{font-size:24px}.muted{color:var(--muted)}@media(max-width:1200px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cols2,.cols3,.cols4{grid-template-columns:1fr}.head{height:auto;padding:18px;align-items:flex-start;flex-direction:column}.hero h1{font-size:34px}.section{align-items:flex-start;flex-direction:column}.scoreGrid{grid-template-columns:1fr 1fr}.progressRail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.content{padding:18px}.side{padding:16px}.nav{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:28px}.metricCard strong{font-size:32px}.progressRail,.scoreGrid{grid-template-columns:1fr}.battleCard,.card,.catalogCard,.evidenceCard,.metricCard,.promptCard{border-radius:22px;padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.btn,.head,.progressRail,.side{display:none!important}.shell{display:block}.content{padding:0}.battleCard,.card,.catalogCard,.evidenceCard,.hero,.metricCard,.promptCard{box-shadow:none;page-break-inside:avoid;break-inside:avoid}}