:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101110;color:#eee;--green:#4caf50}*{box-sizing:border-box}body{margin:0}main{max-width:1300px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#8c968b}h1{font-size:32px;margin:8px 0}h1 span{font-size:14px;color:var(--green)}h2{font-size:16px;margin:0 0 8px}p{color:#aaa;line-height:1.5;font-size:13px;margin:0}#connection{font-size:12px;color:var(--green)}.setup{border:1px solid #363a35;border-radius:8px;padding:20px;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:16px}form{display:flex;gap:8px}input,textarea{background:#111;color:#eee;border:1px solid #444;border-radius:4px;padding:8px;font:inherit}button{background:var(--green);color:white;border:0;border-radius:4px;padding:9px 12px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#333;border:1px solid #555}.stop{background:#753d3d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start;gap:18px}.card{background:rgba(15,15,15,.95);border:1px solid #444;border-radius:8px;padding:14px;box-shadow:0 4px 15px #0005;font-size:12px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;padding-bottom:8px;margin-bottom:10px;color:var(--green);font-weight:bold}.card-head button{padding:1px 7px}.status{font-family:monospace;line-height:1.5;color:var(--green);min-height:36px;overflow-wrap:anywhere}.resources{display:flex;gap:12px;background:#222;border-radius:4px;padding:8px;margin:10px 0;color:#ccc}.ignored{background:#222;border:1px solid #333;border-radius:4px;padding:8px;margin-bottom:12px}.ignored label{display:block;font-weight:bold;color:#ff5252;margin-bottom:5px}textarea{width:100%;min-height:62px;resize:vertical;font-size:12px}details{border-top:1px solid #444;padding-top:8px}summary{font-weight:bold;color:#bbb;cursor:pointer}.energy{margin:12px 0}.energy input{width:76px}.pause{background:#222;border-radius:4px;padding:8px;margin:6px 0}.pause label{font-weight:bold}.times{display:flex;justify-content:space-between;gap:8px;margin-top:6px}.times input{width:40px;padding:4px}.save{width:100%;margin-top:10px}.actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.actions button{font-size:11px;padding:7px}.session{font-size:11px;color:#aaa}.remove{border:0;background:transparent;color:#999;font-size:11px;padding:8px 0}.logs{margin-top:30px;border-top:1px solid #333;padding-top:18px}#events{max-height:250px;overflow:auto;font:12px/1.7 monospace;color:#aaa}.log{border-bottom:1px solid #222;padding:3px 0}#message{min-height:32px;font-size:13px;color:var(--green)}#message.error{color:#ff7777}.empty{padding:35px;border:1px dashed #444;border-radius:8px;color:#aaa;text-align:center}@media(max-width:700px){main{padding:16px}header,.setup{align-items:flex-start;flex-direction:column;gap:14px}form{flex-wrap:wrap;width:100%}form input{flex:1;min-width:140px}}

[hidden]{display:none!important}a{color:#9de69d}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0}.login-main{max-width:500px}.login-box{display:block}.login-box form,#new-user,#password-change{display:flex;flex-direction:column;gap:14px}.login-box label,#new-user label,#password-change label{display:grid;gap:7px}.login-box input{width:100%}.user-row{border-top:1px solid #334736;padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.user-row form{display:flex;gap:8px;flex-wrap:wrap}#admin{display:block}#users{margin-top:20px}.remote-main{max-width:1320px}.screen-scroll{overflow:auto;background:#111;border:1px solid #416b41;border-radius:8px}#screen{display:block;width:100%;min-width:640px;min-height:200px;cursor:crosshair}#screen:focus{outline:2px solid #91db77;outline-offset:-2px}#typing{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0}#typing label:first-child{display:grid;gap:6px;flex:1;min-width:240px}#typing input[type=password],#typing input[type=text]{width:100%}#typing input[type=checkbox]{width:auto}#message{min-height:24px;overflow-wrap:anywhere}.setup input{max-width:100%}@media(max-width:600px){.user-row form{width:100%}.user-row input{max-width:100%}.remote-main{padding:12px}#screen{min-width:640px}}
