*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#e5e7eb;background:#191919;font-family:Inter,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}#app{position:relative}.toolbar{z-index:10;background:#2d2d2df0;border:1px solid #30363d;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:16px;left:16px}.toolbar input{color:#e5e7eb;background:#111827;border:1px solid #4b5563;border-radius:6px;width:220px;padding:8px}.toolbar button{color:#f9fafb;cursor:pointer;background:#374151;border:1px solid #4b5563;border-radius:6px;padding:8px 12px}.toolbar button:hover{background:#4b5563}#status{color:#93c5fd;min-width:80px;font-size:12px}.legend{z-index:10;background:#2d2d2df0;border:1px solid #30363d;border-radius:10px;grid-template-columns:repeat(3,auto);gap:8px 14px;padding:10px 12px;font-size:12px;display:grid;position:absolute;bottom:16px;right:16px}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}#graph{width:100%;height:100%}