:root{--ground:#f3f5f1;--paper:#fff;--ink:#1c211f;--muted:#66706b;--line:#d6dbd5;--accent:#1f6e8c;--accent-soft:#e3eff4;--voice:#b5563a;--voice-soft:#f7e9e3;--warn:#8c4a1f;--warn-soft:#fbeee2;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--disp:"Hiragino Sans","Zen Kaku Gothic New","Noto Sans JP",system-ui,sans-serif;--body:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#141816;--paper:#1c2320;--ink:#e8ece8;--muted:#9aa49e;--line:#2e3733;--accent:#6fb3d2;--accent-soft:#1e3440;--voice:#e48e6e;--voice-soft:#3a2820;--warn:#e9b183;--warn-soft:#3a2a18}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.75}.wrap{max-width:900px;margin:0 auto;padding:16px 16px 72px}header.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:18px;padding:10px 0 14px;display:flex}header.top h1{font-family:var(--disp);letter-spacing:.02em;margin:0;font-size:20px;font-weight:800}header.top nav{flex-wrap:wrap;gap:14px;margin-left:auto;font-size:14px;display:flex}a{color:var(--accent)}h2{font-family:var(--disp);margin:28px 0 10px;font-size:17px}h3{font-family:var(--disp);margin:18px 0 6px;font-size:15px}p{margin:0 0 12px}.muted{color:var(--muted);font-size:13.5px;line-height:1.7}.mono{font-family:var(--mono)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0 0 16px;padding:16px 18px}label{color:var(--muted);margin:0 0 4px;font-size:13.5px;display:block}input[type=text],input[type=email],input[type=password],select{background:var(--ground);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;min-height:48px;padding:12px 20px;font-family:inherit;font-size:16px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.danger{background:var(--voice);border-color:var(--voice);color:#fff;font-weight:700}button.pick{flex:auto;min-width:104px}button.pick.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}button.small{min-height:40px;padding:8px 14px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{margin:0 0 14px}.big-time{font-family:var(--mono);letter-spacing:.02em;font-size:clamp(44px,15vw,84px);font-weight:600;line-height:1.05}.rec-dot{background:var(--voice);vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:10px;animation:1.6s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.meter{background:var(--ground);border:1px solid var(--line);border-radius:7px;height:14px;margin:10px 0 6px;overflow:hidden}.meter i{background:var(--accent);height:100%;transition:width .12s linear;display:block}.stat{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.notice{background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn);border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:14px}.card{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:12px;margin:0 0 14px;padding:16px 18px;display:grid}.card .head{font-family:var(--mono);color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.card .row2{grid-template-columns:7em 1fr;align-items:start;gap:12px;display:grid}.card .lab{font-family:var(--mono);color:var(--muted);padding-top:5px;font-size:12px}.card .v{margin:0;font-size:clamp(16px,2.2vw,20px);line-height:1.65}@media (max-width:560px){.card .row2{grid-template-columns:1fr;gap:4px}.card .lab{padding-top:0}}.voice{background:var(--voice-soft);border-left:4px solid var(--voice);border-radius:8px;padding:12px 14px}.voice .who{font-family:var(--disp);color:var(--voice);font-size:13px;font-weight:700}.voice p{margin:0;font-size:clamp(15px,2vw,19px);line-height:1.6}.transcript{background:var(--paper);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:340px;padding:14px 16px;font-size:15px;line-height:1.85;overflow:auto}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 0;display:flex}.list li:last-child{border-bottom:none}.grow{flex:200px;min-width:0}.report{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.report h1{font-family:var(--disp);margin:0 0 8px;font-size:20px}.report h2{border-top:1px solid var(--line);margin:22px 0 8px;padding-top:12px;font-size:16px}.report h3{margin:14px 0 4px;font-size:14.5px}.report ul{margin:0 0 12px;padding-left:1.3em}details{margin:14px 0}summary{cursor:pointer;color:var(--accent);font-size:14px}pre.raw{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12.5px}.toggle{color:var(--ink);align-items:center;gap:10px;font-size:15px;display:flex}.toggle input{width:22px;height:22px}