:root{color-scheme:light;--ink:#20324c;--muted:#52637a;--red:#af2735;--line:#dce3ec;--bg:#f5f7fb}*{box-sizing:border-box}html{font-size:16px;font:-apple-system-body}body{margin:0;min-width:0;background:var(--bg);color:var(--ink);font:1rem/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;overflow-wrap:anywhere}header,main{max-width:720px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.brand{font-size:1.6rem;font-weight:800}.brand span{color:var(--red)}.badge{font-size:.875rem;color:var(--muted)}main{padding:10px max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.intro{padding:8px 2px 12px}h1{font-size:clamp(1.55rem,6vw,2.2rem);line-height:1.5;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:1.25rem;line-height:1.6;margin:0 0 14px}p{margin:12px 0}.eyebrow{font-size:.94rem;font-weight:700;color:var(--red);margin:0 0 10px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0;list-style:none;font-size:.875rem;margin:16px 0 20px}.steps li{text-align:center}.steps b,.step-number{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#f7e1e3;color:#942331;margin-right:5px;font-size:.94rem}.steps b{display:flex;margin:0 auto 5px}.notice{padding:14px;border-radius:10px;background:#fff6df;border:1px solid #e7d7b1;font-size:.94rem}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0;min-width:0}label{display:block;font-weight:650;margin:12px 0 6px}input{display:block;width:100%;min-width:0;min-height:48px;font:inherit;border:1px solid #8997aa;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink)}button{font:inherit;font-weight:650;line-height:1.6;text-align:center;white-space:normal;min-height:48px;min-width:0;max-width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;touch-action:manipulation}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b87a0b;outline-offset:3px}.primary,.secondary{display:block;width:100%}.primary{background:var(--red);border-color:var(--red);color:#fff;min-height:54px}.secondary{background:#f1f4f9}#connect{margin-top:18px}.hint,.status{color:var(--muted);font-size:.94rem}.message{white-space:pre-line;color:#7b3b14}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.service-tabs [aria-selected=true]{background:#fff0f1;color:#942331;border-color:var(--red)}details{border-top:1px solid var(--line);margin-top:18px}summary{min-height:52px;cursor:pointer;font-weight:700;padding:14px 0;line-height:1.6}details.card{border:1px solid var(--line)}details.card>summary{padding-top:0;padding-bottom:0}.remote-screen{position:relative;width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#e9eef5}.remote-screen canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}.remote-screen canvas[aria-disabled=true]{cursor:default}#frame-placeholder{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;pointer-events:none}.text-controls{padding-top:8px}.checkbox{display:flex;align-items:center;gap:10px;font-size:.94rem;min-height:48px;font-weight:400}.checkbox input{width:22px;height:22px;min-height:22px;flex:0 0 22px;padding:0}.keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.keys button{padding:10px 4px;font-size:.94rem}.refresh{margin-top:18px}.position{font-weight:700;font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:12px;accent-color:var(--red);margin:18px 0}.pause-note{background:#fff3cd;padding:14px;border-radius:9px}#resume{margin-bottom:10px}.totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.total{background:var(--bg);padding:10px;border-radius:8px}.total span{display:block;font-size:.875rem;color:var(--muted)}.total strong{display:block;font-size:1.4rem;font-variant-numeric:tabular-nums}.result-item{border-top:1px solid var(--line);padding:14px 0}.result-item p{margin:6px 0;font-size:.94rem}.account h2{font-size:1.1rem}footer{font-size:.875rem;color:var(--muted);padding:16px 2px 0}[hidden]{display:none!important}@media(max-width:360px){.card{padding:15px}.service-tabs button,.split button{padding-left:5px;padding-right:5px}.steps{font-size:.82rem}}