.spu-shell{margin:32px auto;max-width:1180px;padding:24px;border:1px solid rgba(127,160,200,.2);border-radius:24px;background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,25,45,.98));color:#f4f8ff;box-shadow:0 18px 60px rgba(0,0,0,.22)}.spu-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.spu-kicker{font-size:11px;letter-spacing:2px;opacity:.65}.spu-head h2{margin:5px 0;font-size:28px}.spu-head p{margin:4px 0 18px;opacity:.72}.spu-live{text-align:right}.spu-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58e39a;margin-right:7px}.spu-live span{font-weight:800;font-size:12px}.spu-live small{display:block;opacity:.55;margin-top:5px}.spu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.spu-tab,.spu-primary,.spu-swap{border:0;border-radius:12px;padding:12px;background:#162941;color:#dce9fa;font-weight:800;cursor:pointer}.spu-tab.active,.spu-primary{background:linear-gradient(135deg,#2f74ff,#6b55ff);color:white}.spu-swap{align-self:end;font-size:20px}.spu-panel{display:none;margin-top:18px}.spu-panel.active{display:block}.spu-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.spu-inputs label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.75}.spu-inputs input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:13px 14px;border-radius:11px;border:1px solid #29415f;background:#0c1b30;color:white}.spu-result{margin-top:15px}.spu-placeholder{padding:24px;border:1px dashed #2b4565;border-radius:16px;opacity:.65}.spu-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spu-card{padding:18px;border-radius:16px;background:#10223a;border:1px solid #213b59}.spu-card h3{margin:0 0 8px}.spu-temp{font-size:42px;font-weight:900}.spu-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.spu-metric{padding:10px;border-radius:10px;background:#0b192b}.spu-metric b{display:block;font-size:16px}.spu-metric small{opacity:.55}.spu-winner{margin-top:12px;padding:12px;border-radius:12px;background:rgba(75,211,139,.12);border:1px solid rgba(75,211,139,.25)}.spu-note{font-size:11px;opacity:.55}.spu-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.spu-features span{font-size:11px;padding:7px 9px;border-radius:999px;background:#0d1c30;color:#a9c3e2}@media(max-width:800px){.spu-grid{grid-template-columns:repeat(2,1fr)}.spu-head{display:block}.spu-live{text-align:left;margin-top:10px}.spu-inputs,.spu-compare{grid-template-columns:1fr}.spu-swap{align-self:auto}.spu-metrics{grid-template-columns:repeat(2,1fr)}.spu-head h2{font-size:22px}}