.power-app{padding:2rem 0 5rem}.power-intro{max-width:46rem;margin:1rem 0 2rem}.power-intro h1{font-size:clamp(2.5rem,6vw,4.3rem)}.power-intro p{color:var(--color-text-muted)}.power-layout{display:grid;gap:1.25rem;align-items:start}.power-panel,.power-result{padding:1.15rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.power-panel__title,.power-result__head,.power-section__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.power-panel__title h2,.power-result h2{font-size:1.2rem}.power-panel__title p,.power-section__head p{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.75rem;line-height:1.45}.power-draft{color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.12em}.power-section{margin:1.2rem 0 0;padding:1.2rem 0 0;border:0;border-top:1px solid var(--color-border)}.power-section legend{padding:0;margin-bottom:.8rem;font-size:.9rem;font-weight:700}.power-mode{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.power-mode label{cursor:pointer}.power-mode input{position:absolute;opacity:0}.power-mode span{display:grid;gap:.2rem;padding:.7rem;border:1px solid var(--color-border);border-radius:.65rem}.power-mode input:checked+span{border-color:var(--color-primary);background:rgba(198,255,61,.08)}.power-mode strong{font-size:.77rem}.power-mode small{color:var(--color-text-muted);font-size:.66rem}.power-fields,.load-grid{display:grid;gap:.65rem;margin-top:.85rem}.power-field,.load-field{display:grid;gap:.35rem}.power-field span,.load-field span{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.power-field input,.power-field select,.load-field input{width:100%;min-height:2.65rem;padding:.55rem .65rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:.6rem;outline:0}.power-field input:focus,.power-field select:focus,.load-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(198,255,61,.13)}.power-section__head h3{margin:0;font-size:.9rem}.load-list{display:grid;gap:.65rem;margin-top:.9rem}.load-item{padding:.75rem;border:1px solid var(--color-border);border-radius:.7rem;background:rgba(0,0,0,.1)}.load-grid{grid-template-columns:1.4fr .7fr .8fr;align-items:end;margin-top:0}.load-item button{margin-top:.6rem;min-height:2rem;padding:.35rem .55rem;border:0;border-radius:.45rem;background:rgba(244,247,239,.08);color:var(--color-text-muted);font-size:.7rem;cursor:pointer}.power-notice{margin:1.25rem 0 0;padding:.8rem;border-left:2px solid #ffc259;background:rgba(255,194,89,.06);color:var(--color-text-muted);font-size:.73rem;line-height:1.5}.power-result{background:linear-gradient(145deg,#192014,#11150f)}.power-result__head .eyebrow{margin:0 0 .4rem;font-size:.6rem}.power-result__head strong{color:var(--color-primary);font-size:.76rem}.power-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.power-readouts div{padding:.7rem;border-radius:.65rem;background:rgba(0,0,0,.17)}.power-readouts span{display:block;color:var(--color-text-muted);font-size:.58rem;line-height:1.3}.power-readouts strong{display:block;margin-top:.35rem;font-size:.92rem}.power-bar{height:.5rem;overflow:hidden;border-radius:1rem;background:rgba(244,247,239,.12)}.power-bar div{width:0;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .2s ease,background .2s ease}.power-summary{margin:1rem 0;color:var(--color-text-muted);font-size:.76rem;line-height:1.5}.power-breakdown{padding-top:1rem;border-top:1px solid rgba(231,255,118,.15)}.power-breakdown h3{margin:0 0 .6rem;font-size:.82rem}.power-breakdown__item{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-top:1px solid rgba(231,255,118,.1);font-size:.72rem}.power-breakdown__item span{color:var(--color-text-muted)}.power-breakdown__item strong{color:var(--color-primary);font-size:.75rem}.power-result__note{margin:1rem 0 0;color:var(--color-text-muted);font-size:.67rem;line-height:1.5}@media(min-width:66rem){.power-layout{grid-template-columns:minmax(0,1fr) minmax(25rem,.9fr)}.power-panel,.power-result{padding:1.5rem}.power-result{position:sticky;top:6.4rem}.power-fields{grid-template-columns:repeat(3,1fr)}}@media(max-width:28rem){.power-readouts{grid-template-columns:1fr}.load-grid{grid-template-columns:1fr}}
