.lona{--bg:#14171B;--bg-panel:#1B1F25;--grid:rgba(255,255,255,0.05);--amber:#FFB454;--amber-dim:rgba(255,180,84,0.15);--text:#ECEDEE;--text-dim:#8B95A1;--line:#2A2F37;--warn:#F2994A;min-height:100vh;background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/32px 32px,var(--bg);color:var(--text);font-family:Courier New,ui-monospace,monospace;padding:28px 20px 60px}.lona *{box-sizing:border-box}.lona .label-font{font-family:Arial,Helvetica,sans-serif}.lona header{max-width:1080px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.lona header h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:22px;letter-spacing:.5px;margin:0 0 4px}.lona header .sub{font-size:12px;color:var(--text-dim);letter-spacing:.5px}.lona header .tag{font-size:11px;color:var(--amber);border:1px solid var(--amber-dim);background:var(--amber-dim);padding:4px 10px;border-radius:3px;text-decoration:none;white-space:nowrap}.lona .wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:20px}@media (max-width:800px){.lona .wrap{grid-template-columns:1fr}}.lona .panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:6px;padding:18px 20px}.lona .panel+.panel{margin-top:20px}.lona .diagram h2,.lona .panel h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin:0 0 14px;display:flex;align-items:center;gap:8px}.lona .panel h2:before{content:"";width:6px;height:6px;background:var(--amber);display:inline-block}.lona .field{margin-bottom:14px}.lona .field label{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:var(--text-dim);margin-bottom:5px;letter-spacing:.3px}.lona .field input,.lona .field select{width:100%;background:#0F1216;border:1px solid var(--line);color:var(--text);font-family:Courier New,monospace;font-size:16px;padding:9px 10px;border-radius:4px;outline:none}.lona .field input:focus,.lona .field select:focus{border-color:var(--amber)}.lona .field input:disabled{opacity:.45}.lona .field .unit{font-size:10px;color:var(--text-dim);margin-top:3px}.lona .results{display:flex;flex-direction:column;gap:16px}.lona .diagram{background:var(--bg-panel);border:1px solid var(--line);border-radius:6px;padding:18px 20px}.lona svg{width:100%;height:auto;display:block}.lona .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:600px){.lona .metrics{grid-template-columns:repeat(2,1fr)}}.lona .metric{background:var(--bg-panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:4px;padding:14px}.lona .m-label{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.lona .m-value{font-size:22px;font-weight:700}.lona .m-sub{font-size:11px;color:var(--text-dim);margin-top:4px}.lona .metric.warn{border-left-color:var(--warn)}.lona .metric.warn .m-value{color:var(--warn)}.lona .note{font-family:Arial,Helvetica,sans-serif;font-size:11.5px;color:var(--text-dim);line-height:1.5;padding:12px 14px;background:rgba(255,180,84,.06);border:1px dashed var(--amber-dim);border-radius:4px}.lona .note b{color:var(--amber);font-weight:600}.lona .footer-note{max-width:1080px;margin:24px auto 0;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:var(--text-dim);text-align:center}