html{--font-color: #333;--background-color: #f0f0f0;--text-muted-color: #666;--text-inverse-color: #fff;--accent-color: #ff8800;--accent-color-hover: #ffaa33;--danger-color: #ff3300;--success-color: #44c767;--success-color-hover: #5fd38d;--error-color: #d32f2f;--error-bg: rgba(211, 47, 47, 0.12);--success-bg: rgba(68, 199, 103, 0.15);--overlay-scrim-bg: rgba(34, 34, 34, 0.55);--overlay-strong-bg: rgba(0, 0, 0, 0.75);--panel-backdrop-bg: rgba(255, 255, 255, 0.95);--session-bar-bg: rgba(255, 255, 255, 0.94);--session-bar-text-color: #1f2933;--surface-primary-bg: #ffffff;--surface-secondary-bg: #f5f7fa;--surface-tertiary-bg: #ebeff3;--surface-input-bg: #ffffff;--border-strong-color: #cbd5e1;--border-muted-color: #d9e0e8;--shadow-color: rgba(0, 0, 0, 0.2);--action-hover-bg: #e9eef4;--button-neutral-bg: #e2e8f0;--button-neutral-text: #1f2933;--vnc-bg-color: #dfe7f1;--text-muted: #666;--text-subtle: #777;--overlay-surface-bg: rgba(34, 34, 34, 0.7);--panel-border: #cfcfcf;--button-neutral-fg: #333;--uuid-color: #666;--sticky-fade-color: #ffffff}@media(prefers-color-scheme: dark){html:not([data-theme]),html[data-theme=system]{--font-color: #eee;--background-color: #222;--text-muted-color: #bbb;--text-inverse-color: #fff;--accent-color: #ff8800;--accent-color-hover: #ffaa33;--danger-color: #ff3300;--success-color: #44c767;--success-color-hover: #5fd38d;--error-color: #ff6b6b;--error-bg: rgba(255, 107, 107, 0.18);--success-bg: rgba(68, 199, 103, 0.2);--overlay-scrim-bg: rgba(34, 34, 34, 0.7);--overlay-strong-bg: rgba(0, 0, 0, 0.85);--panel-backdrop-bg: rgba(34, 34, 34, 0.99);--session-bar-bg: rgba(34, 34, 34, 0.97);--session-bar-text-color: #fff;--surface-primary-bg: #232323;--surface-secondary-bg: #181818;--surface-tertiary-bg: #444;--surface-input-bg: #181818;--border-strong-color: #666;--border-muted-color: #444;--shadow-color: rgba(0, 0, 0, 0.6);--action-hover-bg: #333;--button-neutral-bg: #444;--button-neutral-text: #fff;--vnc-bg-color: #222;--text-muted: #bbb;--text-subtle: #bbb;--overlay-surface-bg: #232323;--panel-border: #444;--button-neutral-fg: #fff;--uuid-color: #bbb;--sticky-fade-color: #232323}}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{--font-color: #eee;--background-color: #222;--text-muted-color: #bbb;--text-inverse-color: #fff;--accent-color: #ff8800;--accent-color-hover: #ffaa33;--danger-color: #ff3300;--success-color: #44c767;--success-color-hover: #5fd38d;--error-color: #ff6b6b;--error-bg: rgba(255, 107, 107, 0.18);--success-bg: rgba(68, 199, 103, 0.2);--overlay-scrim-bg: rgba(34, 34, 34, 0.7);--overlay-strong-bg: rgba(0, 0, 0, 0.85);--panel-backdrop-bg: rgba(34, 34, 34, 0.99);--session-bar-bg: rgba(34, 34, 34, 0.97);--session-bar-text-color: #fff;--surface-primary-bg: #232323;--surface-secondary-bg: #181818;--surface-tertiary-bg: #444;--surface-input-bg: #181818;--border-strong-color: #666;--border-muted-color: #444;--shadow-color: rgba(0, 0, 0, 0.6);--action-hover-bg: #333;--button-neutral-bg: #444;--button-neutral-text: #fff;--vnc-bg-color: #222;--text-muted: #bbb;--text-subtle: #bbb;--overlay-surface-bg: #232323;--panel-border: #444;--button-neutral-fg: #fff;--uuid-color: #bbb;--sticky-fade-color: #232323;color-scheme:dark}html{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--font-color);height:100%;color-scheme:light dark}#main-flex-container{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh}#vnc-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--vnc-bg-color) url(/proxy/cd0d339ee92a5d5c8ef8.png) center center no-repeat;background-size:cover;z-index:1;transition:z-index .2s}#vnc-bg.bg-front{z-index:30000}#noVNC_container{flex:1 1 0;min-height:0;position:relative;z-index:2;box-sizing:border-box;padding:0}#noVNC_container #vnc-canvas{width:100%;height:100%}#noVNC_container.touch-input-active{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#status-overlay{background:var(--overlay-scrim-bg);transition:opacity .3s;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10;display:flex;align-items:center;justify-content:center}#status-overlay .status-overlay-center{text-align:center}#status-overlay #status-text{margin-top:20px;font-size:1.3em;color:var(--accent-color);font-family:sans-serif}.spinner{margin:0 auto;width:48px;height:48px;border:6px solid var(--accent-color);border-top:6px solid var(--text-inverse-color);border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#session-bar{flex:0 0 auto;z-index:10001;background:var(--session-bar-bg);color:var(--session-bar-text-color);box-shadow:0 2px 16px var(--shadow-color);font-family:sans-serif;transition:height .2s;overflow:hidden}#session-bar #session-bar-content{display:flex;align-items:center;justify-content:space-between;padding:.5em 1.5em .5em 1.2em;min-height:44px;gap:.8em}#session-bar #session-bar-audio[data-audio-enabled] .session-bar-action-enable-label{display:none}#session-bar #session-bar-audio[data-audio-enabled] .session-bar-action-disable-label{display:inline}#session-bar #session-bar-audio:not([data-audio-enabled]) .session-bar-action-enable-label{display:inline}#session-bar #session-bar-audio:not([data-audio-enabled]) .session-bar-action-disable-label{display:none}#session-bar .session-bar-actions{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;justify-content:flex-end;min-width:0;margin-left:auto}#session-bar .session-bar-icon-actions{display:flex;align-items:center;gap:.2em;flex:0 0 auto}#session-bar .session-bar-text-actions{display:flex;align-items:center;gap:.5em;flex:0 0 auto}#session-bar .session-bar-action-btn{display:flex;align-items:center;gap:.5em;font-size:1em;background:none;border:none;color:var(--accent-color);cursor:pointer;padding:.3em .8em;border-radius:6px;transition:background .15s;min-width:0}#session-bar .session-bar-action-btn:focus,#session-bar .session-bar-action-btn:hover{background:var(--action-hover-bg)}#session-bar .session-bar-action-label{display:none}#session-bar .icon-clipboard,#session-bar .icon-audio,#session-bar .icon-downloads,#session-bar .icon-keyboard{font-size:1.2em;vertical-align:middle;pointer-events:none}#session-bar .session-bar-zoom-group{display:flex;align-items:center;background:var(--surface-tertiary-bg);border-radius:999px;flex:0 0 auto;margin-inline-end:.3em}#session-bar .session-bar-zoom-btn{padding:.3em .55em;min-width:1.7em;justify-content:center}#session-bar .session-bar-zoom-btn:focus,#session-bar .session-bar-zoom-btn:hover{background:var(--action-hover-bg);border-radius:999px}#session-bar .icon-zoom-out,#session-bar .icon-zoom-in,#session-bar .icon-zoom-reset{font-size:1.15em;font-weight:700;line-height:1;vertical-align:middle;pointer-events:none}#session-bar .clipboard-container{position:relative;display:flex;align-items:center}#session-bar .clipboard-popover{position:absolute;top:4rem;min-width:220px;background:var(--surface-primary-bg);color:var(--session-bar-text-color);border:1px solid var(--border-muted-color);border-radius:8px;box-shadow:0 2px 12px var(--shadow-color);padding:1em 1em .7em 1em;z-index:20000;display:flex;flex-direction:column;gap:.6em}#session-bar .clipboard-popover[hidden]{display:none !important}#session-bar .clipboard-popover .clipboard-label{font-size:.98em;color:var(--accent-color);margin-bottom:.2em}#session-bar .clipboard-popover #clipboard-textbox{width:100%;min-height:2.5em;font-size:1em;border-radius:5px;border:1px solid var(--border-strong-color);background:var(--surface-input-bg);color:var(--session-bar-text-color);resize:vertical;padding:.4em}#session-bar .clipboard-popover .clipboard-send-btn{align-self:flex-end;font-size:.98em;padding:.3em 1.2em;background:var(--success-color);color:var(--text-inverse-color);border:none;border-radius:6px;cursor:pointer;transition:background .15s}#session-bar .clipboard-popover .clipboard-send-btn:hover,#session-bar .clipboard-popover .clipboard-send-btn:focus{background:var(--success-color-hover)}#session-bar #session-bar-expand{font-size:1.1em;background:none;border:none;color:var(--accent-color);cursor:pointer}#session-bar #session-close-btn{font-size:1em;padding:.4em 1.2em;background:var(--danger-color);color:var(--text-inverse-color);border:none;border-radius:6px;cursor:pointer;flex-grow:1}#session-bar #session-bar-notification{font-size:.9em;padding:.2em .6em;border-radius:4px}#session-bar #session-bar-notification.session-bar-notification-error{color:var(--error-color);background:var(--error-bg)}#session-bar #session-bar-notification.session-bar-notification-success{color:var(--success-color);background:var(--success-bg)}#session-bar #session-bar-extra{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10002;background:var(--panel-backdrop-bg);padding:0;border:none;font-size:1.08em;overflow:auto}#session-bar #session-bar-extra[hidden]{display:none !important}#session-bar #session-bar-extra .session-bar-extra-inner{max-width:700px;margin:clamp(1em,7vh,3em) auto clamp(1em,5vh,1.5em) auto;padding:2em 2.5em 1.5em 2.5em;background:var(--surface-primary-bg);border-radius:14px;box-shadow:0 2px 24px var(--shadow-color);display:flex;flex-direction:column;min-height:60vh;max-height:90vh}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-content{flex:1 1 auto;overflow:auto;min-height:0}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-header{display:flex;align-items:center;gap:1em;font-size:1.25em;font-weight:bold;margin-bottom:1.2em;color:var(--accent-color)}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-header #downloads-refresh-btn{font-size:1em;padding:.2em 1.1em;background:var(--button-neutral-bg);color:var(--accent-color);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.3em}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-list{border:1px solid var(--border-muted-color);border-radius:8px;overflow:hidden;min-height:400px;max-height:60vh;background:var(--surface-secondary-bg);margin-bottom:1.5em}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-list #downloads-iframe{width:100%;height:60vh;border:none;background:var(--surface-secondary-bg)}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-info{margin-bottom:1.5em;line-height:1.6}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-info .session-bar-extra-warning{color:var(--accent-color)}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-uuid{margin-bottom:1.2em;color:var(--text-muted-color)}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-footer{flex:0 0 auto;text-align:right;background:linear-gradient(to top, var(--surface-primary-bg) 90%, rgba(0, 0, 0, 0));position:sticky;bottom:0;padding-top:1.2em;padding-bottom:.5em;z-index:2}#session-bar #session-bar-extra .session-bar-extra-inner .session-bar-extra-footer #session-bar-close-extra{font-size:1.1em;padding:.4em 2em;background:var(--button-neutral-bg);color:var(--button-neutral-text);border:none;border-radius:6px;cursor:pointer}#vnc-keyboard-input{position:fixed;bottom:0;left:0;width:100%;height:1px;opacity:.01;border:none;padding:0;margin:0;font-size:16px;resize:none;overflow:hidden;background:rgba(0,0,0,0);color:rgba(0,0,0,0);caret-color:rgba(0,0,0,0);pointer-events:none;z-index:20001}#session-keyboard-btn{display:none !important}@media(hover: none)and (pointer: coarse){#session-keyboard-btn{display:flex !important}#session-keyboard-btn[hidden]{display:none !important}#session-keyboard-btn[data-keyboard-active]{background:var(--action-hover-bg)}}#info-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--overlay-strong-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:30001 !important;align-items:center;flex-direction:column;overflow-y:auto;padding:2em 1em;box-sizing:border-box}#info-overlay>.info-overlay-inner{margin:auto 0;background:var(--surface-primary-bg);color:var(--session-bar-text-color);padding:2.4em 2.6em 2em;border-radius:20px;border:1px solid var(--border-muted-color);max-width:460px;text-align:left;box-shadow:0 1px 2px var(--shadow-color),0 24px 48px -12px var(--shadow-color);font-family:sans-serif;display:grid;row-gap:1.1em;justify-items:center;flex-shrink:0;animation:info-overlay-pop .28s cubic-bezier(0.16, 1, 0.3, 1)}#info-overlay>.info-overlay-inner>.info-overlay-badge{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb, var(--accent-color) 16%, transparent);color:var(--accent-color);margin-bottom:-0.3em}#info-overlay>.info-overlay-inner>.info-overlay-badge svg{width:26px;height:26px}#info-overlay>.info-overlay-inner>h2{margin:0;padding:0;color:var(--font-color);font-size:1.6em;font-weight:700;letter-spacing:-0.01em;text-align:center}#info-overlay>.info-overlay-inner>.info-overlay-tagline{margin:-0.7em 0 0;text-align:center;color:var(--text-muted-color);font-size:.95em}#info-overlay>.info-overlay-inner>ul{align-self:stretch;color:var(--session-bar-text-color);font-size:1em;line-height:1.5;margin:0;padding:0;list-style:none;display:grid;row-gap:.7em}#info-overlay>.info-overlay-inner>ul>li{display:grid;grid-template-columns:20px 1fr;align-items:start;column-gap:.7em}#info-overlay>.info-overlay-inner>ul>li::before{content:"";width:20px;height:20px;margin-top:.1em;border-radius:50%;background:color-mix(in srgb, var(--success-color) 18%, transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M3.5 8.5 6.5 11.5 12.5 4.5%27 stroke=%27%2344c767%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}#info-overlay>.info-overlay-inner>#info-overlay-error{align-self:stretch;color:var(--error-color);font-size:.95em;margin:0;padding:.6em .8em;border-radius:8px;background:var(--error-bg);text-align:center}#info-overlay>.info-overlay-inner>.info-overlay-checkbox-row{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:.6em;margin:-0.3em 0 0;font-size:.92em;color:var(--text-muted-color);cursor:pointer}#info-overlay>.info-overlay-inner>.info-overlay-checkbox-row[hidden]{display:none !important}#info-overlay>.info-overlay-inner>.info-overlay-checkbox-row input[type=checkbox]{width:1.15em;height:1.15em;flex-shrink:0;accent-color:var(--accent-color);cursor:pointer}#info-overlay>.info-overlay-inner>#session-rate-info{align-self:stretch;margin:0;padding-top:.8em;border-top:1px solid var(--border-muted-color);text-align:center;color:var(--text-muted-color);font-size:.78em;line-height:1.5}#info-overlay>.info-overlay-inner>#session-rate-info[hidden]{display:none !important}@keyframes info-overlay-pop{from{opacity:0;transform:translateY(6px) scale(0.97)}to{opacity:1;transform:none}}#info-overlay-buttons{align-self:stretch;margin-top:.4em;text-align:center;color:var(--session-bar-text-color);display:grid;row-gap:1em}#info-overlay-buttons .url{display:none;color:var(--text-muted-color)}#info-overlay-buttons #start-session-btn{background:var(--accent-color);padding:.75em 1.5em;border-radius:999px;border:none;font-size:1.08em;font-weight:600;color:var(--text-inverse-color);cursor:pointer;box-shadow:0 8px 20px -6px color-mix(in srgb, var(--accent-color) 65%, transparent);transition:background-color .15s,transform .15s,box-shadow .15s}#info-overlay-buttons #start-session-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 10px 24px -6px color-mix(in srgb, var(--accent-color) 75%, transparent)}#info-overlay-buttons #start-session-btn:active{transform:translateY(0)}#info-overlay-buttons #start-session-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#idle-warning-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--overlay-strong-bg);z-index:30002 !important;align-items:center;flex-direction:column;overflow-y:auto;padding:2em 1em;box-sizing:border-box}#idle-warning-overlay>.idle-warning-overlay-inner{margin:auto 0;background:var(--surface-primary-bg);color:var(--session-bar-text-color);padding:2em 3em;border-radius:12px;max-width:460px;text-align:center;box-shadow:0 0 32px var(--shadow-color);font-family:sans-serif;display:grid;row-gap:1em;border-top:4px solid var(--accent-color);flex-shrink:0}#idle-warning-overlay>.idle-warning-overlay-inner>h2{margin:0;padding:0;color:var(--accent-color);font-size:1.6em}#idle-warning-overlay>.idle-warning-overlay-inner>p{margin:0;color:var(--session-bar-text-color);font-size:1.05em;line-height:1.5}#idle-warning-overlay>.idle-warning-overlay-inner>#idle-warning-timer{font-size:1.6em;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--accent-color)}#idle-warning-overlay>.idle-warning-overlay-inner>#idle-warning-resume-btn{background:var(--accent-color);padding:.5em 1.5em;border-radius:6px;border:none;font-size:1.15em;color:var(--text-inverse-color);cursor:pointer}#idle-warning-overlay>.idle-warning-overlay-inner>#idle-warning-resume-btn:hover{background:var(--accent-color-hover)}#idle-warning-overlay.severity-payment>.idle-warning-overlay-inner{border-top-color:var(--danger-color)}#idle-warning-overlay.severity-payment>.idle-warning-overlay-inner>h2{color:var(--danger-color)}@media(min-width: 600px){#session-bar .session-bar-action-label{display:inline}}@media(max-width: 500px){#session-bar #session-bar-content{flex-wrap:wrap;padding:.4em .6em;gap:.3em .5em;align-items:center}#session-bar #session-bar-notification{flex:0 1 auto;font-size:.8em;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#session-bar .session-bar-actions{flex:0 0 100%;justify-content:space-between;gap:.4em}#session-bar .session-bar-icon-actions{gap:0;flex-shrink:0}#session-bar .session-bar-zoom-btn{padding:.3em .4em}#session-bar .session-bar-text-actions{flex:1 1 auto;justify-content:flex-end;gap:.4em;min-width:0}#session-bar #session-close-btn{flex:1 1 auto;min-width:0;font-size:.9em;padding:.4em .5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#session-bar .session-bar-action-label{display:none !important}#session-bar .clipboard-popover{min-width:180px;font-size:.95em;right:0;left:auto}}@media(max-width: 360px){#session-bar #session-bar-content{padding:.35em .5em}#session-bar .session-bar-action-btn{padding:.3em .4em}#session-bar .session-bar-zoom-btn{padding:.28em .32em;min-width:1.5em}#session-bar .icon-zoom-out,#session-bar .icon-zoom-in,#session-bar .icon-zoom-reset{font-size:1.05em}#session-bar #session-close-btn{font-size:.82em;padding:.35em .4em}#idle-warning-overlay>.idle-warning-overlay-inner{max-width:calc(100vw - 2em);padding:1.5em 1.2em}#idle-warning-overlay>.idle-warning-overlay-inner>h2{font-size:1.35em}}