*{box-sizing:border-box}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}:root{--primary-blue:#3b82f6;--danger-red:#ef4444;--surface-dark:#1e293b;--surface-light:#e2e8f0;--text-dark:#1e293b;--text-light:#f8fafc}body,html{width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#root{width:100%;height:100%}.layout-grid{color:#fff;background:#0f172a;grid-template-rows:1fr 200px;grid-template-columns:2fr 1.3fr;width:100vw;height:100vh;display:grid}.canvas-zone{grid-area:1/1/2/2;position:relative}.analytics-zone{background:var(--surface-dark);border-left:1px solid #334155;grid-area:1/2/2/3;padding:1.5rem}.controls-zone{color:#0f172a;background:#cbd5e1;border-top:2px solid #94a3b8;grid-area:2/1/3/3;align-items:center;display:flex}.analytics-layout{flex-direction:column;gap:1.5rem;height:100%;display:flex}.glass-panel{background:#0f172a66;border:1px solid #ffffff1a;border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px #0003}.text-readings div{justify-content:space-between;margin-bottom:.5rem;font-size:1.1rem;display:flex}.energy-bars{flex-direction:column;gap:.8rem;display:flex}.energy-bars h3{margin:0 0 .5rem;font-size:1.1rem}.energy-item label{margin-bottom:.2rem;font-size:.9rem;font-weight:700;display:block}.energy-bg{background:#334155;border-radius:.3rem;width:100%;height:1.2rem;overflow:hidden}.energy-fill{height:100%;transition:width 50ms linear}.ec{background:#38bdf8}.ep{background:#f87171}.et{background:#fb923c}.chart-container{flex:1;min-height:200px}.controls-panel{box-sizing:border-box;justify-content:space-between;align-items:stretch;gap:2rem;width:100%;padding:1rem 2rem;display:flex}.settings-blocks{flex:1;gap:1.5rem;display:flex}.setting-box{background:#e2e8f0;border:1px solid #94a3b8;border-radius:.5rem;flex-direction:column;flex:1;justify-content:space-between;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000d}.setting-box h4{color:#334155;border-bottom:1px solid #cbd5e1;margin:0 0 .5rem;padding-bottom:.3rem;font-size:1rem}.setting-box label{margin-bottom:.5rem;font-size:.9rem;font-weight:600}.setting-box input[type=range]{width:100%;accent-color:var(--primary-blue);cursor:pointer}.warning-text{color:var(--danger-red);margin-top:.2rem;font-size:.8rem;font-weight:700}.btn-group-row{gap:.5rem;display:flex}.toolbar-bottom{background:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;font-weight:700;transition:all .2s;display:flex}.btn:hover{color:var(--primary-blue);background:#f1f5f9}.btn.icon-btn{flex-direction:column;gap:.3rem;padding:.5rem;font-size:.85rem}.btn.outline{border:1px solid #94a3b8;justify-content:center;width:100%;padding:.4rem .8rem;font-size:.8rem}.error-critical{background:var(--danger-red);color:#fff;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:900;animation:1s infinite alternate pulse;display:flex}.btn.invert{color:var(--danger-red);background:#fff;padding:.5rem 1rem}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes break-flash{0%{opacity:.85}15%{opacity:.4}30%{opacity:.7}50%{opacity:.2}to{opacity:0}}.break-flash{pointer-events:none;z-index:100;background:radial-gradient(#ef4444bf 0%,#ef444459 40%,#0000 70%);animation:1.8s ease-out forwards break-flash;position:fixed;inset:0}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-8px)rotate(-.5deg)}30%,70%{transform:translate(8px)rotate(.5deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.alert-card{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 50%,#7f1d1d 100%);border:2px solid #ef4444;border-radius:.75rem;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.2rem 1.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slide-down,.5s ease-in-out .4s shake;display:flex;box-shadow:0 0 20px #ef444480,0 0 60px #ef444433,inset 0 1px #ffffff1a}.icon-large{color:#fca5a5;filter:drop-shadow(0 0 6px #ef4444cc);flex-shrink:0;width:2.2rem;height:2.2rem;margin-top:.1rem;animation:.8s infinite alternate pulse}.alert-content h3{letter-spacing:.05em;color:#fca5a5;text-shadow:0 0 10px #ef444499;margin:0 0 .3rem;font-size:1.1rem;font-weight:900}.alert-content p{color:#fecaca;margin:0 0 .8rem;font-size:.88rem;line-height:1.5}.btn-alert{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444466}.btn-alert:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444499}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:1rem;width:90%;max-width:450px;padding:2rem;position:relative;box-shadow:0 20px 25px -5px #00000080}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff}.modal-content h3{color:#38bdf8;border-bottom:1px solid #334155;margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem}.modal-data{flex-direction:column;gap:1rem;display:flex}.data-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:1.1rem;display:flex}.data-row span{color:#cbd5e1}.data-row strong{color:#fff}.highlight-box{background:#ffffff0d;border-bottom:none;border-radius:.5rem;margin-top:.5rem;padding:.8rem}.status-sub{color:#facc15!important}.status-crit{color:#4ade80!important}.status-over{color:#f87171!important}.big-result{background:#38bdf81a;border:1px solid #38bdf8;border-bottom:none;border-radius:.5rem;flex-direction:column;align-items:flex-start;margin-top:1rem;padding:1.5rem}.big-result span{color:#38bdf8;margin-bottom:.5rem;font-size:1rem}.big-result strong{color:#fff;font-size:1.8rem}.modal-footnote{color:#64748b;margin-top:1.5rem;font-size:.8rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}