:root{--face:silver;--light:#fff;--shadow:gray;--dark:#000;--title:navy;--desk:teal;--error:#b00000;--warn:#4d3800}*{box-sizing:border-box}html,body{background:var(--desk);min-height:100%;margin:0}body{color:var(--dark);padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));font:16px/1.35 Tahoma,Segoe UI,system-ui,sans-serif}.window{background:var(--face);border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);max-width:560px;box-shadow:inset -1px -1px var(--shadow), inset 1px 1px #dfdfdf;margin:0 auto}.titlebar{background:linear-gradient(90deg, var(--title), #1084d0);color:#fff;padding:6px 8px;font-weight:700}.menubar{gap:4px;padding:2px 4px;display:flex}.menu{position:relative}.menu summary{cursor:pointer;align-items:center;min-height:44px;padding:6px 10px;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:var(--title);color:#fff}.menu-items{z-index:2;background:var(--face);border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);min-width:160px;position:absolute}.menu-items button{text-align:left;width:100%;min-height:44px;font:inherit;background:0 0;border:0;align-items:center;padding:10px 14px;display:flex}.panels{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:8px;padding:12px 8px;display:grid}.panel .label{font-size:13px}.panel .value{font-variant-numeric:tabular-nums;font-size:15px}.scope{border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);background:#000;width:100%;height:80px}.buttons{grid-template-columns:1fr 1fr;gap:10px;padding:8px;display:grid}.btn{min-height:64px;font:inherit;background:var(--face);color:var(--dark);border:3px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);box-shadow:inset -1px -1px var(--shadow), inset 1px 1px #dfdfdf;touch-action:manipulation;font-size:17px;font-weight:700}.btn:active:not(:disabled),.btn[aria-pressed=true]{border-color:var(--dark) var(--light) var(--light) var(--dark);box-shadow:inset 1px 1px var(--shadow)}.btn:disabled{color:var(--shadow);text-shadow:1px 1px var(--light)}.btn:focus-visible{outline:2px dotted var(--dark);outline-offset:-8px}.icon{min-width:1.4em;display:inline-block}.icon-rec{color:#c00}.btn:disabled .icon-rec{color:inherit}.status{border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);min-height:3.2em;margin:8px;padding:8px 10px}.status[data-tone=error]{color:#fff;background:var(--error);font-weight:700}.status[data-tone=warn]{color:var(--warn);font-weight:700}dialog{background:var(--face);border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);max-width:min(520px,100vw - 32px);padding:12px 16px}dialog::backdrop{background:#0006}dialog h2{margin:0 0 8px;font-size:18px}dialog button{font:inherit;min-height:44px;padding:6px 16px}fieldset{margin:0 0 12px}fieldset label{padding:8px 0;display:block}.error{color:var(--error);min-height:1.2em;font-weight:700}.fatal{background:var(--error);color:#fff;margin:0 0 12px;padding:12px 16px}