:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:#c2c2c2;color:#222}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{height:100%;display:flex;flex-direction:column;background:#000;color:#fff;color-scheme:dark;font-family:Consolas,Courier New,monospace}.top{display:flex;align-items:center;gap:14px;padding:10px 12px;background:#000;border-bottom:1px solid #fff}.brand{display:flex;align-items:center;margin:0;padding:0 4px;border:0;background:transparent;color:#fff;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif}.mark{color:#fff;font-size:22px;line-height:1}.toolbar{display:flex;gap:8px;flex:1;min-width:0}.toolbar button{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0 10px;font-family:Consolas,Courier New,monospace}.toolbar button:disabled{opacity:.4}.toolbar button:focus-visible,.address:focus-visible,.close:focus-visible{outline:2px solid #fff;outline-offset:2px}.address{flex:1;min-width:0;height:36px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;padding:0 12px;font:inherit}.address::placeholder{color:#fff;opacity:.45}.progress{height:2px;background:transparent}.progress.on{background:#fff}.stage{position:relative;flex:1;min-height:0;background:#000}.stage canvas{width:100%;height:100%;display:block}.stage:focus{outline:none}.empty{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;color:#fff;text-align:center}.empty strong{display:block;color:#fff;font-size:42px;font-weight:500}.empty span{display:block;max-width:28rem;margin-top:8px;line-height:1.4}.status{padding:6px 12px;color:#fff;font-size:13px;background:#000;border-top:1px solid #fff}.calc-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:#c2c2c2;color:#222;color-scheme:light;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:28px 16px;outline:none}.desk{width:max-content;max-width:100%;--pt-row: 46px;--pt-gap: 3px;--pt-spacer: 14px;--pt-detail-gap: 14px}.desk-pane{min-height:calc((7 * var(--pt-row)) + var(--pt-spacer) + (2 * var(--pt-row)) + (9 * var(--pt-gap)) + var(--pt-detail-gap) + 1.4em)}.calc,.ratio{margin-inline:auto}.desk.wide{width:max-content;max-width:100%}.desk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.desk-tabs button{border:0;border-radius:999px;background:#adadad;color:#222;height:36px;padding:0 14px;font:inherit;cursor:pointer}.desk-tabs button[aria-selected=true]{background:#222;color:#c2c2c2}.calc{width:min(360px,calc(100vw - 32px))}.calc-display{margin:0;min-height:96px;padding:12px 8px 20px;overflow:hidden;color:#222;font-size:56px;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-keys button{height:68px;border:0;border-radius:16px;background:#adadad;color:#222;font:inherit;font-size:24px;cursor:pointer}.calc-keys button.op{background:#111;color:#fff}.calc-keys button.wide{grid-column:span 2}.ratio{width:min(360px,100%)}.pythag{width:max-content;max-width:100%}.ratio-title{margin:0 0 10px;text-align:center;font-size:15px}.ratio-mode{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.ratio-mode button{border:0;border-radius:999px;background:#adadad;color:#222;height:32px;padding:0 12px;font:inherit;cursor:pointer}.ratio-mode button[aria-pressed=true]{background:#222;color:#c2c2c2}.ratio-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 10px;align-items:end}.ratio-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-grid input{width:100%;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-grid span{padding-bottom:10px;font-size:13px}.ratio-line{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:10px}.ratio-line label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-line input{width:104px;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-line span{padding-bottom:10px;font-size:13px;white-space:nowrap}.pt-wrap{max-width:100%}.ptable{display:grid;grid-template-columns:repeat(18,42px);grid-template-rows:repeat(7,var(--pt-row)) var(--pt-spacer) repeat(2,var(--pt-row));gap:var(--pt-gap)}.ptable button,.pt-marker{border:0;border-radius:4px;background:#adadad;color:#222;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0}.ptable button{cursor:pointer}.ptable button.on{background:#222;color:#c2c2c2}.ptable .num{font-size:9px;line-height:1}.ptable .sym{font-size:14px;font-weight:650;line-height:1.2}.pt-marker{font-size:10px}.pt-detail{margin:var(--pt-detail-gap) 0 0;min-height:1.4em;text-align:center}