:root{--header-height:60px;--main-blue:var(--accent);--main-green:var(--ok);--main-red:var(--danger);--main-orange:var(--warn);--main-purple:var(--violet);--main-teal:#5ac8fa;--card-bg-opacity:.2;--card-shadow:0 8px 32px 0 #1f268726;--card-border:1px solid #ffffff4d}body{background:var(--page-bg);color:#333;background-size:cover;margin:0;padding:0}.main-content-wrapper-remote{padding-top:var(--header-height);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:50px;display:flex}.container-remote{width:90%;max-width:480px;padding:0 20px}.card-remote{background-color:rgba(255, 255, 255, var(--card-bg-opacity));border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:var(--card-border);text-align:center;margin-bottom:20px;padding:30px}h2{color:#1a1a1a;margin-top:0;margin-bottom:20px;font-weight:500}.remote-input{border-radius:var(--radius-lg);box-sizing:border-box;background-color:var(--surface-strong);color:#333;text-transform:uppercase;border:1px solid #0000001a;width:100%;margin-bottom:15px;padding:12px;font-size:16px}.remote-button-primary{border-radius:var(--radius-lg);box-sizing:border-box;background-color:var(--main-blue);color:#fff;cursor:pointer;border:none;width:100%;margin-bottom:15px;padding:12px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #007aff66}.remote-button-secondary{background-color:var(--main-red);margin-top:10px;box-shadow:0 2px 4px #ff3b3066}.remote-button-primary:active,.remote-button-secondary:active{transform:translateY(1px);box-shadow:0 1px 2px #007aff66}.control-section{margin-bottom:16px}.control-section-header{color:#888;text-transform:uppercase;letter-spacing:1px;text-align:left;margin-bottom:8px;font-size:13px;font-weight:600}.control-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.control-grid.three-col{grid-template-columns:1fr 1fr 1fr}.control-btn{cursor:pointer;color:#fff;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:4px;min-height:48px;padding:14px 6px;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000026}.control-btn:active{transform:translateY(2px);box-shadow:0 1px 2px #0003}.control-btn.nav-next{background:var(--main-green)}.control-btn.nav-prev{background:var(--main-blue)}.control-btn.nav-edge{background:#555}.control-btn.screen-black{background:#333}.control-btn.screen-white{color:#222;background:#999}.control-btn.screen-end{background:var(--main-red)}.control-btn.ptr-laser{background:var(--main-orange)}.control-btn.ptr-pen{background:var(--violet)}.control-btn.ptr-arrow{background:#2c3e50}.control-btn.ptr-eraser{background:#e67e22}.control-btn.ptr-hide{background:#636e72}.control-btn.ptr-show{background:#00b894}.control-btn.zoom-in{background:#0984e3}.control-btn.zoom-out{background:#6c5ce7}#projector-status-box{border:2px solid var(--main-blue);border-radius:var(--radius-md);background-color:#007aff0d;padding:20px}.alert-error{color:var(--main-red);margin-top:10px;font-weight:700}#status-remote{border-radius:var(--radius-lg);text-align:left;word-break:break-all;background-color:#f5f5f5e6;border:1px solid #0000000d;max-height:150px;margin-top:15px;padding:12px 15px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;overflow-y:auto}#status-remote .log-entry{border-bottom:1px solid #0000000f;padding:2px 0;display:block}#status-remote .log-time{color:#999;margin-right:6px}#status-remote .log-ok{color:var(--main-green)}#status-remote .log-err{color:var(--main-red)}#status-remote .log-info{color:var(--main-blue)}#status-remote .log-action{color:var(--main-orange);font-weight:600}@media (prefers-color-scheme:dark){body{color:#dce8fb}.card-remote{box-shadow:none;background-color:#111c2eb3;border:1px solid #8aaddc59}h2{color:#e2ecff}.remote-input{color:#e2ecff;background-color:#0c1424eb;border-color:#94a3b859}#projector-status-box{background-color:#101b2eb3;border-color:#5a84c899}#status-remote{color:#d6e6ff;background-color:#0c1424e0;border-color:#94a3b840}.control-section-header{color:#8aa5c0}}.main-content-wrapper-remote{box-sizing:border-box;width:100%;padding:100px 20px 40px}.container-remote{box-sizing:border-box;width:100%;max-width:520px;padding:0}.card-remote{background:var(--surface-strong);color:var(--text-main);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none}.card-remote h2{color:var(--text-main);font-size:20px}.card-remote p{color:var(--text-subtle)}.remote-input{color:var(--text-main);background:var(--surface-soft);border-color:var(--line)}@media (width<=640px){.main-content-wrapper-remote{padding:84px 16px 30px}.card-remote{padding:24px 20px}}body{background:var(--page-bg);color:var(--text-main)}:root{--card-bg-opacity:1;--card-shadow:none;--card-border:1px solid var(--line)}.card-remote,.container-remote,.alert-error{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;color:var(--text-main)}.remote-input{background:var(--surface-soft);border-color:var(--line);color:var(--text-main)}.main-content-wrapper-remote{padding:100px 24px 48px}.container-remote{max-width:760px}.container-remote .page-title{text-align:left;letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(32px,5vw,52px);font-weight:650}.card-remote{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;padding:24px}.card-remote h2{color:var(--text-main);margin:0 0 16px;font-size:15px;font-weight:600}.remote-input{color:var(--text-main);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.remote-button-primary{color:var(--surface-strong);background:var(--text-main);border:1px solid var(--text-main);border-radius:var(--radius-sm);box-shadow:none;padding:10px 14px;font-size:13px;font-weight:600}.remote-button-primary:hover{opacity:.85}.remote-button-secondary{color:var(--text-main);border:1px solid var(--line);box-shadow:none;background:0 0}.remote-button-secondary:hover{background:var(--surface-soft)}.control-btn{border-radius:var(--radius-sm);box-shadow:none;font-weight:600}#status,.status-log,.alert-error{color:var(--text-subtle);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:12.5px}@media (width<=640px){.main-content-wrapper-remote{padding:90px 16px 40px}}.main-content-wrapper-remote{align-items:stretch}.main-content-wrapper-remote .page-title{text-align:left;letter-spacing:-.025em;width:100%;max-width:760px;color:var(--text-main);margin:0 auto 24px;font-size:clamp(32px,5vw,52px);font-weight:650}.container-remote{margin:0 auto}