html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(60px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollAnim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:bottom}}@keyframes latencyAnim{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.animate-fadeUp{animation:fadeUp .9s ease both}.animate-fadeIn{animation:fadeIn 1s ease both}.animate-blink{animation:blink 1.5s ease infinite}.animate-pulse-glow{animation:pulse 4s ease-in-out infinite}.animate-grid{animation:gridDrift 20s linear infinite}.animate-scroll{animation:scrollAnim 2s ease infinite}.animate-latency:after{content:"";position:absolute;inset:0;background:#00d4ff;animation:latencyAnim 2s ease infinite}#ml-demo{font-family:Courier New,monospace;font-size:13px;background:#1b2a38;color:#d8d0c0;position:relative}#ml-demo *,#ml-demo *:before,#ml-demo *:after{box-sizing:border-box}:root{--hdr:#1b2a38;--hdr-fg:#d8d0c0;--sb:#22303f;--sb-btn:#2c3d4f;--sb-act:#3a8fd1;--sb-fg:#7a9ab8;--cont:#f8f4ee;--border:#ccc4b4;--t-orig:#1a1a1a;--t-trans:#1a4a80;--t-time:#888070;--safe:#27ae60;--alert:#e74c3c;--sec:#d4580a;--ptt-ok:#2ecc71;--ptt-rx:#f39c12;--spark:#c8a050;--spark-al:#e74c3c;--dim:#9a9080;--arrow:#3a7abd;--mtr-bg:#141e26;--mtr-lo:#27ae60;--mtr-mi:#f1c40f;--mtr-hi:#e74c3c}#ml-app{display:grid;grid-template-rows:44px 1fr;grid-template-columns:68px 1fr;width:100%;height:520px}#ml-header{grid-column:1/3;background:var(--hdr);display:flex;align-items:center;border-bottom:1px solid #0d1820;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ml-logo-img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain;margin-right:10px}.ml-logo{color:var(--hdr-fg);font-size:13px;font-weight:700;letter-spacing:.07em;padding-right:12px}.ml-sep{color:#345;padding:0 4px}.ml-clock{color:var(--hdr-fg);font-size:13px;padding:0 10px;letter-spacing:.08em}.ml-lang{background:#2e4820;color:#9dcc70;font-size:10px;padding:2px 7px;margin:0 10px;border-radius:2px}#ml-ptt{color:var(--ptt-ok);font-size:12px;padding:0 6px;transition:color .3s}#ml-netinfo{color:#3a5a78;font-size:10px;margin-left:auto;padding-right:8px}#ml-sidebar{background:var(--sb);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:3px;border-right:1px solid #0d1820}.ml-sbb{width:52px;height:36px;background:var(--sb-btn);color:var(--sb-fg);font-family:Courier New,monospace;font-size:10px;font-weight:700;border:none;cursor:pointer;letter-spacing:.05em;transition:background .2s,color .2s}.ml-sbb.active{background:var(--sb-act);color:#fff}.ml-sbb:hover:not(.active){background:#374f66;color:#adc8e0}#ml-mwrap{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:4px}#ml-mcanvas{width:20px;height:130px;background:var(--mtr-bg);position:relative;overflow:hidden}#ml-mbar{background:linear-gradient(to top,var(--mtr-lo) 0%,var(--mtr-mi) 60%,var(--mtr-hi) 100%);transition:height .07s linear;position:absolute;bottom:0;left:0;right:0;height:0%}.ml-mlbl{color:#345;font-size:8px}#ml-content{background:var(--cont);overflow:hidden;position:relative}.ml-view{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s}.ml-view.active{opacity:1;pointer-events:auto}.ml-vtitle{display:flex;align-items:center;gap:10px;padding:6px 12px 4px;font-size:10px;color:#9a9080;letter-spacing:.12em;flex-shrink:0}.ml-vdot{width:7px;height:7px;border-radius:50%;background:#27ae60}.ml-vsep{height:1px;background:#ccc4b4;flex-shrink:0}#ml-logmeta{display:flex;justify-content:space-between;padding:4px 12px;font-size:10px;color:#9a9080;flex-shrink:0}#ml-logbody{flex:1;overflow-y:auto;padding:6px 14px 10px;scroll-behavior:smooth}#ml-logbody::-webkit-scrollbar{width:6px}#ml-logbody::-webkit-scrollbar-thumb{background:#ccc4b4;border-radius:3px}.ml-mblock{margin-bottom:16px;animation:ml-fi .3s ease}@keyframes ml-fi{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ml-mts{color:#888070;font-size:10px;margin-bottom:3px}.ml-morig{color:#1a1a1a;font-size:12px;line-height:1.55}.ml-morig.sec{color:#d4580a;font-weight:700}.ml-mtwrap{display:flex;align-items:flex-start;gap:6px;margin-top:6px}.ml-marrow{color:#3a7abd;font-size:11px;flex-shrink:0;padding-top:1px}.ml-mtrans{color:#1a4a80;font-size:12px;font-style:italic;line-height:1.5}.ml-cur{display:inline-block;width:7px;height:13px;background:var(--t-orig);vertical-align:text-bottom;animation:ml-bl .6s step-end infinite;margin-left:1px}.ml-cur.t{background:var(--t-trans)}@keyframes ml-bl{0%,to{opacity:1}50%{opacity:0}}#ml-abanner{background:var(--alert);color:#fff;font-size:12px;font-weight:700;text-align:center;padding:7px;letter-spacing:.06em;display:none;flex-shrink:0;animation:ml-bf .35s ease infinite alternate}@keyframes ml-bf{0%{background:var(--alert)}to{background:#c0392b}}#ml-abanner.on{display:block}#ml-wgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:6px;flex:1;overflow:hidden}.ml-stcard{background:#f8f4ee;border:1px solid #ccc4b4;display:flex;flex-direction:column;padding:6px 6px 4px;min-height:0;transition:border-color .3s,box-shadow .3s}.ml-stcard.al{border-color:#e74c3c;border-width:2px;box-shadow:0 0 8px #e74c3c4d}.ml-sthdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.ml-stname{font-size:9px;font-weight:700;color:#1a1a1a;letter-spacing:.05em;white-space:pre-line;line-height:1.2}.ml-stbadge{font-size:7px;font-weight:700;background:#27ae60;color:#fff;padding:1px 4px;transition:background .3s;white-space:nowrap;align-self:flex-start}.ml-stbadge.al{background:#e74c3c}.ml-stspd{font-size:clamp(18px,3.2vw,28px);font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1;transition:color .3s}.ml-stspd.al{color:#e74c3c}.ml-stunit{font-size:11px;color:#1a1a1a;margin-top:1px}.ml-stdet{font-size:9px;color:#888070;margin-top:2px;line-height:1.4;transition:color .3s}.ml-stdet.al{color:#e74c3c}.ml-spark{width:100%;height:36px;margin-top:4px;display:block}#ml-overlay{position:absolute;inset:0;background:#1b2a38f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:18px}#ml-overlay img{height:70px;width:auto}#ml-overlay .ml-otitle{color:#d8d0c0;font-size:18px;font-weight:700;letter-spacing:.12em}#ml-overlay .ml-osub{color:#4a6a88;font-size:10px;letter-spacing:.2em}#ml-startbtn{background:var(--sb-act);color:#fff;border:none;font-family:Courier New,monospace;font-size:14px;font-weight:700;padding:13px 40px;cursor:pointer;letter-spacing:.1em;margin-top:4px;transition:background .2s}#ml-startbtn:hover{background:#2a7abf}.ml-hint{color:#3a5a6a;font-size:9px;letter-spacing:.1em;margin-top:-6px}#ml-rbtn{position:absolute;bottom:14px;right:14px;background:var(--sb-btn);color:var(--sb-fg);border:1px solid #3a5a6a;font-family:Courier New,monospace;font-size:10px;padding:6px 14px;cursor:pointer;letter-spacing:.08em;opacity:.5;transition:opacity .2s;z-index:9}#ml-rbtn:hover{opacity:1}#ml-vbadge{position:absolute;top:50px;right:14px;background:#1b2a38e0;color:#6a9ab8;font-size:9px;padding:4px 10px;letter-spacing:.07em;opacity:0;transition:opacity .6s;z-index:8;pointer-events:none}#ml-vbadge.on{opacity:1}