:root{color:#243534;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eff2eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible{outline-offset:3px;outline:3px solid #16857b}h1,h2,p{margin-top:0}button,kbd{touch-action:none}main{grid-template-columns:minmax(0,680px) 290px;gap:32px 42px;max-width:1120px;margin:0 auto;padding:48px 28px;display:grid}header{border-bottom:1px solid #ccd5c9;grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:600}.device{background:linear-gradient(135deg,#d5ddd4,#b9c8be);border:1px solid #9cafa3;border-radius:26px;align-self:start;padding:24px;box-shadow:0 16px 36px #355d391a,inset 0 2px 1px #ffffffa0}.device-brand{color:#496452;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 8px 12px;display:grid}.device-brand strong{letter-spacing:1px;font-size:21px;font-style:italic}.device-brand span{justify-self:end;font-size:12px}.screen-frame{background:#bec7ae;border:12px solid #42534a;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 2px #ffffff80}canvas{width:100%;height:auto;image-rendering:pixelated;aspect-ratio:3/2;background:#bec7ae;display:block}.loading{text-align:center;background:#d8e1cd;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.loading strong{font-size:17px}progress{accent-color:#3a6953;width:80%}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.controls button{color:#304e3c;-webkit-user-select:none;user-select:none;background:#edf2e9;border:1px solid #95a699;border-bottom-width:3px;border-radius:9px;min-width:63px;padding:11px 13px}.controls button:active{border-bottom-width:1px;transform:translateY(2px)}.controls button:nth-child(-n+3){color:#fff;background:#456754;flex:1 0 27%}aside{padding-top:10px;font-size:14px;line-height:1.8}h2{margin-top:25px;margin-bottom:12px;font-size:17px}.status{color:#526f60;font-size:13px}.status i{background:#b7a374;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status i.online{background:#33896b}.note{background:#e4eade;border-left:3px solid #91a47c;margin:22px 0;padding:16px}.note p{margin-bottom:0;font-size:12px}small{color:#6b7d70;font-size:12px}.restart,.note button{color:#4a6251;background:0 0;border:1px solid #bdcbbd;border-radius:7px;padding:9px 18px}.note button{color:#fff;background:#466958}.note button:disabled{opacity:.55}kbd{background:#e0e7db;border-radius:4px;padding:3px 6px;font-size:12px}footer{color:#758475;border-top:1px solid #d2dbcf;grid-column:1/-1;padding-top:20px;font-size:12px}@media (width<=800px){main{grid-template-columns:1fr;gap:24px;padding:24px 16px}aside{padding-top:0}.device{padding:16px}.screen-frame{border-width:8px}h1{font-size:26px}.controls button{min-width:52px;padding:10px}header{gap:15px}}.lighting-status{text-align:center;white-space:nowrap;color:#496451;font-size:12px}.controls.illuminated{background:#fffee8;border-radius:12px;box-shadow:0 0 22px 10px #fffbd3}.controls{display:block}.key-row{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.key-row:first-child{grid-template-columns:repeat(6,minmax(0,1fr))}.controls .key-row button{color:#304e3c;touch-action:none;-webkit-touch-callout:none;background:#edf2e9;min-width:0;min-height:44px;padding:5px 1px;font-size:12px}.controls .key-row:first-child button{color:#fff;background:#456754}.controls .key-row button[data-key=spc],.controls .key-row button[data-key=shift],.controls .key-row button[data-key=esc]{grid-column:span 2}.controls .key-row button[data-key=ret]{grid-column:span 3}.controls .key-row .page-key{color:#2055a0}.controls .key-row button[aria-pressed=true]{color:#fff;background:#284d3b;border-color:#163724;transform:translateY(2px)}.controls .key-row button:disabled{opacity:.5}.controls .key-row button[data-key=f11]{justify-content:center;align-items:center;gap:5px;display:flex}.power-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:10px;height:10px;animation:.8s linear infinite power-spin}@keyframes power-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.power-spinner{animation:none}}.keyboard-hint{color:#496452;margin-bottom:0;font-size:12px;line-height:1.6}@media (width<=600px){aside{flex-direction:column;gap:16px;display:flex}.session-actions{order:-1}.session-actions .note{margin:0 0 12px}.key-row{gap:2px;margin-bottom:4px}.controls .key-row button{letter-spacing:-.03em;white-space:nowrap;border-radius:6px;min-height:34px;padding:4px 0;font-size:9px}.controls .key-row button[data-key=f11]{gap:3px}.controls .key-row button[data-key=pgup],.controls .key-row button[data-key=pgdn],.controls .key-row button[data-key=end]{white-space:normal;line-height:1.2}.power-spinner{width:8px;height:8px}.device{padding:10px}main{row-gap:12px;padding:8px 10px 16px}header{padding-bottom:8px}h1{font-size:22px;line-height:1.2}}@media (width>=801px) and (width<=1000px){main{grid-template-columns:1fr}}@media (width<=360px){main,.device{padding-inline:8px}.device-brand{gap:4px;margin-inline:0}.device-brand span,.lighting-status{font-size:10px}}