:root{font:16px/1.5 system-ui,-apple-system,Noto Sans JP,sans-serif;color:#263028;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1000px;margin:7vh auto;padding:0 28px}header,.controls,.eyebrow,.meta,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:38px}.brand{font-size:18px;font-weight:700;letter-spacing:.1em}.brand span{font-size:10px;color:#96a098;font-weight:500;letter-spacing:.12em;margin-left:12px}.status{font-size:12px;color:#8a968c;display:flex;align-items:center;gap:9px}.status i{width:8px;height:8px;border-radius:50%;background:#bfc8c0}.status i.active{background:#6eab83;box-shadow:0 0 0 4px #6eab8321}.controls{align-items:end;margin-bottom:24px;flex-wrap:wrap}.controls label{flex:1 1 155px;font-size:12px;color:#738176}.controls .profile{flex:0 1 122px}select{display:block;width:100%;height:49px;margin-top:10px;border:1px solid #e0e7e0;border-radius:10px;background:#fff;padding:0 13px;color:inherit;font:15px system-ui}.arrow{align-self:center;color:#9bab9e;margin-top:20px}button{border:0;cursor:pointer;border-radius:10px;height:49px;padding:0 24px;background:#304337;color:#fff;font-size:14px}button.is-running{background:#92554c}button:disabled{opacity:.55;cursor:progress}select:focus-visible,button:focus-visible{outline:2px solid #71ac8a;outline-offset:3px}.panels{background:#fff;border:1px solid #e5ebe5;border-radius:18px;overflow:hidden;box-shadow:0 9px 30px #294a2c08}.panel{padding:26px 30px;min-height:174px}.eyebrow{font-size:11px;color:#85958a;letter-spacing:.14em;font-weight:700}.eyebrow span{letter-spacing:0;font-weight:400}.panel p{margin:22px 0 0;font-size:clamp(20px,2.9vw,30px);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.panel:last-child p{color:#326148}.panel p.placeholder{color:#b4beb5}.line{height:1px;margin:0 30px;background:#eff2ed}.pip{background:transparent;color:#65816e;border:1px solid #e3ece4;height:34px;padding:0 15px;border-radius:8px}.meta,footer{font-size:12px;color:#8b998f}.meta{margin-top:18px}footer{margin-top:60px;padding-top:20px;border-top:1px solid #e2e8e2}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}#error{margin-top:14px;background:#fff0ef;border:1px solid #f2dad7;border-radius:9px;padding:12px 15px;color:#933a30;white-space:pre-wrap;font-size:13px}[hidden]{display:none!important}@media(max-width:700px){.app{margin:27px auto;padding:0 18px}.brand span{display:block;margin-left:22px}header{margin-bottom:27px}.controls{column-gap:10px}.controls label{flex-basis:38%}.controls .profile{flex:1 1 35%}.controls #start-stop{flex:1}.panel{padding:22px 20px;min-height:140px}.line{margin:0 20px}.meta,footer{flex-direction:column;align-items:flex-start;gap:8px}footer{margin-top:36px}}@media(prefers-color-scheme:dark){:root{color:#e4eee7;background:#131c16}.panels{background:#1e2b22;border-color:#344339}.line{background:#334538}select{color:#e4eee7;background:#1b2921;border-color:#405447}button{background:#6d9d7c;color:#101b13}.pip{background:transparent;color:#a9d1b5;border-color:#4c604f}.panel:last-child p{color:#c0eacb}footer{border-color:#344339}#error{background:#372725;border-color:#69453c;color:#ffd2c8}}.capture-settings{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:6px}.capture-settings label{flex:1 1 230px;min-width:0;color:#738176;font-size:12px}.capture-settings [hidden]{display:none!important}.capture-hint{font-size:12px;line-height:1.55;color:#7c8980;margin:8px 0 20px;min-height:1.5em}@media(max-width:700px){.capture-settings{gap:10px}.capture-settings label{flex:1 1 100%}}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.brand strong{font-size:18px;letter-spacing:.1em}.brand span{font-size:11px;letter-spacing:.02em;font-weight:400;line-height:1.4;color:#7d8b80;margin:0}.header-actions{display:flex;align-items:flex-end;gap:24px}.header-actions .status{padding-bottom:13px;white-space:nowrap}.ui-language-control{display:flex;flex-direction:column;gap:4px;min-width:144px;font-size:11px;color:#738176}.ui-language-control select{height:38px;margin:0;font-size:13px;padding:0 10px}.eyebrow{gap:8px}.eyebrow>span+span{margin-left:8px}.onboarding{width:min(520px,calc(100% - 32px));max-height:min(90dvh,720px);border:1px solid #d7e2d7;background:#f9faf8;color:#263028;border-radius:22px;padding:0;box-shadow:0 26px 100px #1d2c2070}.onboarding::backdrop{background:#111d16b0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.onboarding-inner{padding:36px}.onboarding-mark{font-weight:750;letter-spacing:.21em;font-size:18px}.onboarding-tagline{font-size:12px;color:#6d7f70;margin:4px 0 28px}.onboarding h1{font-size:22px;letter-spacing:.01em;line-height:1.45;margin:0 0 9px}.onboarding #onboarding-description{font-size:13px;color:#728676;margin:0 0 22px}.onboarding-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboarding-options button{background:#fff;border:1px solid #dae5dc;color:#2c4e37;font-size:17px;font-weight:600;min-height:60px;height:auto}.onboarding-options button:hover,.onboarding-options button:focus-visible{background:#e9f3eb;border-color:#6fa67e}@media(max-width:700px){header{align-items:flex-start;gap:16px;flex-wrap:wrap}.brand span{display:block;margin:0}.header-actions{justify-content:space-between;width:100%}.header-actions .status{padding-bottom:10px}.onboarding-inner{padding:28px 22px}}@media(max-width:380px){.onboarding-options{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.brand span{color:#a1baa7}.onboarding{background:#1d2c22;color:#e4eee7;border-color:#425848}.onboarding-tagline,.onboarding #onboarding-description{color:#afc4b2}.onboarding-options button{background:#263b2d;color:#e4eee7;border-color:#4a6a51}.onboarding-options button:hover,.onboarding-options button:focus-visible{background:#3a5b43;border-color:#92c09a}}