@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--brand-green:#1e6c51;--brand-green-soft:#dcebe3;--brand-green-border:#bfd8cb;--brand-coral:#d8654c;--brand-coral-soft:#f5e2dc;--brand-amber:#a2751f;--brand-amber-soft:#f3ead8;--green:var(--brand-green);--green-soft:var(--brand-green-soft);--coral:var(--brand-coral);--coral-soft:var(--brand-coral-soft);--ink:#17201d;--muted:#68706c;--canvas:#f2f0ea;--canvas-analysis:#ecebe6;--canvas-feed:#f1efe9;--canvas-split:#f6f4ee;--paper:#fbfaf7;--surface-raised:#fff;--surface-sunken:#efeee9;--near-bg:#f7f4ec;--far-bg:#17201d;--far-fg:#f9f8f4;--line:#dcd9d0;--hairline:#17201d14;--chip:#ebe9e3}.dark{--brand-green:#5cbe93;--brand-green-soft:#20362d;--brand-green-border:#2f5a49;--brand-coral:#e59079;--brand-coral-soft:#3a2721;--brand-amber:#d7b26a;--brand-amber-soft:#37301f;--ink:#eef1ea;--muted:#9aa39d;--canvas:#101613;--canvas-analysis:#101613;--canvas-feed:#101613;--canvas-split:#101613;--paper:#1a221e;--surface-raised:#222b27;--surface-sunken:#161d1a;--near-bg:#1a221e;--far-bg:#0b110e;--far-fg:#eef1ea;--line:#2b3531;--hairline:#ffffff17;--chip:#242e29}:root{--display-font:"Zen Kaku Gothic New", system-ui, sans-serif;--ui-font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--text-font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans", "Segoe UI", sans-serif;--seam-bg:var(--brand-green);--seam-fg:#fff;--signal:var(--brand-coral);--radius-sm:10px;--radius-md:16px;--radius-lg:26px;font-family:var(--ui-font);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%}h1,h2{font-family:var(--display-font)}.speaker-tone-0{--speaker-accent:#1e6c51;--speaker-soft:#dcebe3;--speaker-border:#bfd8cb}.speaker-tone-1{--speaker-accent:#a84938;--speaker-soft:#f5e2dc;--speaker-border:#e9c7be}.speaker-tone-2{--speaker-accent:#526eaa;--speaker-soft:#e5eaf5;--speaker-border:#c9d2e8}.speaker-tone-3{--speaker-accent:#8a6224;--speaker-soft:#f3ead8;--speaker-border:#e3d1ad}.speaker-tone-4{--speaker-accent:#76528f;--speaker-soft:#eee5f3;--speaker-border:#dbc9e5}.speaker-tone-5{--speaker-accent:#287b80;--speaker-soft:#dcecee;--speaker-border:#bddadd}.speaker-tone-6{--speaker-accent:#8d4f6f;--speaker-soft:#f3e3eb;--speaker-border:#dfc4d2}.speaker-tone-7{--speaker-accent:#56702f;--speaker-soft:#e7eddc;--speaker-border:#cedbb8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px}button,input,select,a{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}h1,h2,p,ul,ol{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px;border-radius:4px}.seam :focus-visible{outline-color:#fff}.bars{justify-content:center;align-items:center;gap:4px;height:26px;display:flex}.bars i{background:currentColor;border-radius:4px;width:3px;height:8px;animation:1.2s ease-in-out infinite bars}.bars i:nth-child(2){height:19px;animation-delay:-.3s}.bars i:nth-child(3){height:13px;animation-delay:-.55s}.bars i:nth-child(4){animation-delay:-.8s}@keyframes bars{50%{opacity:.45;transform:scaleY(.45)}}.home{min-height:100vh;padding:clamp(24px, 6vw, 56px) clamp(16px, 5vw, 32px) max(48px, env(safe-area-inset-bottom));align-content:start;justify-items:center;gap:clamp(24px,5vw,40px);display:grid}.home-head{width:min(680px,100%)}.home-head h1{letter-spacing:-.02em;font-size:clamp(26px,5.6vw,38px);font-weight:700;line-height:1.3}.home-head p{max-width:34em;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.85}.picker,.capacity{width:min(680px,100%)}.picker h2,.capacity h2{letter-spacing:-.01em;font-size:19px;font-weight:700}.picker-note{color:var(--muted);margin:22px 0 10px;font-size:12px;font-weight:500}.picker h2+.language-grid{margin-top:16px}.language-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:1fr;gap:8px;display:grid}.language-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);text-align:left;align-content:center;gap:3px;min-height:66px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid;position:relative}.language-button:hover:not(:disabled){border-color:var(--brand-green)}.language-button:active:not(:disabled){background:var(--brand-green-soft)}.language-button:disabled{opacity:.45;cursor:not-allowed}.language-native{font-family:var(--text-font);text-wrap:balance;letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.35}.language-ja{color:var(--muted);font-size:11px}.language-pending{color:var(--brand-green);font-size:11px;font-weight:700;position:absolute;inset:auto 14px 12px auto}.picker-foot{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:18px;display:flex}.my-language{align-items:center;gap:10px;display:flex}.my-language>span{color:var(--muted);font-size:13px}.my-language select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);min-height:44px;color:var(--ink);padding:0 10px;font-size:15px}.link-button{min-height:44px;color:var(--brand-green);text-underline-offset:4px;padding:0 2px;font-size:13px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.link-button.danger{color:var(--signal)}.picker-options{border-radius:var(--radius-md);background:var(--surface-sunken);gap:20px;margin-top:18px;padding:20px;display:grid}.field{gap:8px;display:grid}.field>span{color:var(--muted);font-size:13px}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);min-height:48px;color:var(--ink);padding:0 13px;font-size:15px}.field-hint{color:var(--muted);font-size:12px;line-height:1.8}.segmented{background:var(--chip);border-radius:13px;gap:2px;width:fit-content;padding:3px;display:inline-flex}.segmented button{min-width:62px;min-height:42px;color:var(--muted);border-radius:10px;padding:0 14px;font-size:14px;font-weight:500}.segmented button.selected{background:var(--surface-raised);color:var(--ink);font-weight:700;box-shadow:0 1px 4px #0000001a}.segmented button:disabled{opacity:.4;cursor:not-allowed}.capacity-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.capacity-state{margin-top:14px;font-size:15px;line-height:1.7}.capacity-note{max-width:34em;color:var(--muted);margin-top:10px;font-size:12px;line-height:1.85}.table{background:var(--canvas);grid-template-rows:1fr auto 1fr;height:100dvh;min-height:560px;display:grid;overflow:hidden}.half{min-height:0;padding:max(16px, env(safe-area-inset-top)) clamp(18px, 5vw, 40px);display:grid}.half.far{background:var(--far-bg);color:var(--far-fg)}.half.near{background:var(--near-bg);color:var(--ink);padding-bottom:max(16px, env(safe-area-inset-bottom))}.half.rotated .half-inner{transform:rotate(180deg)}.half-inner{grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;display:grid}.half-language{font-family:var(--text-font);opacity:.62;font-size:12px;font-weight:600}.half-copy{align-self:start;min-height:0;transition:opacity .15s;overflow-y:auto}.half-copy.draft{opacity:.66}.half-text{font-family:var(--text-font);letter-spacing:-.015em;font-size:clamp(25px,6.6vw,44px);font-weight:600;line-height:1.45}.half-source{font-family:var(--text-font);opacity:.64;margin-top:10px;font-size:14px;line-height:1.7}.half-waiting{opacity:.5;align-self:center;justify-items:center;gap:12px;display:grid}.half-waiting p{font-size:13px}.seam{z-index:2;background:var(--seam-bg);color:var(--seam-fg);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:9px clamp(12px,4vw,20px);display:flex;position:relative;box-shadow:0 0 26px #0000002e}.seam-state{white-space:nowrap;align-items:center;gap:7px;margin-right:auto;font-size:13px;font-weight:500;display:inline-flex}.seam-state i{background:#ffffff73;border-radius:50%;width:8px;height:8px}.seam.live .seam-state i{background:#fff;animation:1.8s ease-out infinite seam-pulse;box-shadow:0 0 #ffffff8c}.seam.remote .seam-state i{background:var(--brand-amber)}@keyframes seam-pulse{70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.seam-primary{min-height:46px;color:var(--brand-green);background:#fff;border-radius:23px;padding:0 24px;font-size:15px;font-weight:700;box-shadow:0 6px 18px #0003}.seam-primary.stop{color:#a3382a}.seam-primary:disabled{opacity:.6;cursor:not-allowed}.seam-action{color:#ffffffeb;border-radius:23px;min-height:46px;padding:0 14px;font-size:13px;font-weight:500}.seam-action:hover{background:#ffffff24}.log{background:var(--canvas-feed);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:560px;display:grid;position:relative;overflow:hidden}.log-head{border-bottom:1px solid var(--hairline);background:var(--paper);padding:13px clamp(16px,5vw,28px)}.log-head h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,3vw,21px);font-weight:700;overflow:hidden}.log-head p{color:var(--muted);margin-top:2px;font-size:12px}.log-stream{overscroll-behavior:contain;min-height:0;padding:24px clamp(14px,4vw,28px) 32px;overflow-y:auto}.log-list{flex-direction:column;justify-content:flex-end;gap:16px;width:min(880px,100%);min-height:100%;margin:0 auto;display:flex}.log-empty{min-height:100%;color:var(--muted);place-content:center;justify-items:center;gap:16px;display:grid}.log-empty .bars{color:var(--brand-green)}.log-empty p{font-size:14px}.bubble-row{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"avatar body";align-items:start;gap:9px;width:min(84%,720px);display:grid}.bubble-row.far{grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"body avatar";align-self:flex-end}.bubble-row.draft{opacity:.85}.bubble-avatar{width:32px;height:32px;color:var(--speaker-accent);background:var(--speaker-soft);border:1px solid var(--speaker-border);border-radius:11px;grid-area:avatar;place-items:center;margin-top:18px;font-size:10px;font-weight:700;display:grid}.bubble-body{grid-area:body;min-width:0}.bubble-meta{color:var(--muted);align-items:center;gap:8px;padding:0 6px 5px;font-size:11px;display:flex}.bubble-row.far .bubble-meta{justify-content:flex-end}.bubble-meta strong{color:var(--speaker-accent);font-weight:700}.bubble-meta em{color:var(--brand-green);background:var(--brand-green-soft);border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal}.bubble{border:1px solid var(--speaker-border);border-left:3px solid var(--speaker-accent);background:var(--surface-raised);border-radius:5px 18px 18px;padding:15px 18px}.bubble-row.far .bubble{border-left-width:1px;border-right:3px solid var(--speaker-accent);border-radius:18px 5px 18px 18px}.bubble-text{font-family:var(--text-font);letter-spacing:-.01em;white-space:pre-wrap;font-size:clamp(18px,3vw,25px);font-weight:600;line-height:1.5}.bubble-source{border-top:1px solid var(--hairline);font-family:var(--text-font);color:var(--muted);white-space:pre-wrap;margin-top:10px;padding-top:9px;font-size:clamp(12px,1.8vw,15px);line-height:1.65}.bubble-text>span,.bubble-source>span{color:var(--speaker-accent);font-family:var(--text-font);letter-spacing:.02em;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.log-jump{border:1px solid var(--brand-green-border);background:var(--paper);min-height:40px;color:var(--brand-green);border-radius:20px;padding:0 16px;font-size:12px;font-weight:700;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #18322724}.sheet-backdrop{z-index:20;background:#0c120f80;place-items:end center;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{width:min(460px,100%);max-height:88vh;padding:10px clamp(16px, 5vw, 24px) max(20px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--paper);animation:.2s cubic-bezier(.2,.8,.3,1) sheet-in;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(16px)}}.sheet-grip{background:var(--line);border-radius:2px;width:38px;height:4px;margin:0 auto 16px}.sheet h2{text-align:center;margin-bottom:6px;font-size:17px;font-weight:700}.sheet-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.sheet-label{color:var(--muted);font-size:13px}.sheet-item{border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%;min-height:52px;color:var(--ink);align-items:center;margin-top:4px;padding:0 14px;font-size:15px;text-decoration:none;display:flex}.sheet-item:hover:not(:disabled){background:var(--chip)}.sheet-item:disabled{opacity:.4;cursor:not-allowed}.sheet-item.danger{color:var(--signal)}.sheet-item.primary{background:var(--ink);color:var(--paper);justify-content:center;font-weight:700}.sheet-close{width:100%;min-height:48px;color:var(--muted);margin-top:10px;font-size:14px}.sheet-devices{gap:8px;padding:14px 0 4px;display:grid}.sheet-devices ul{flex-wrap:wrap;gap:6px;display:flex}.sheet-devices li{background:var(--chip);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.sheet-devices li.recording{background:var(--brand-green-soft);color:var(--brand-green);font-weight:700}.sheet-devices li i{background:currentColor;border-radius:50%;width:7px;height:7px}.sheet-devices li em{opacity:.6;font-size:11px;font-style:normal}.sheet-confirm{padding:8px 0}.sheet-confirm p{color:var(--signal);padding:0 2px 6px;font-size:13px;line-height:1.7}.sheet-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-note{color:var(--muted);text-align:center;margin-bottom:4px;font-size:13px;line-height:1.7}.share-qr{border-radius:var(--radius-md);background:#fff;width:fit-content;margin:18px auto;padding:12px;line-height:0}.share-url{border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--muted);word-break:break-all;margin-bottom:14px;padding:9px 11px;font-size:10px;line-height:1.5;display:block}.notice{border-radius:var(--radius-sm);padding:12px 15px;font-size:13px;line-height:1.7}.notice-error{background:var(--brand-coral-soft);color:#9b3827;margin-top:16px}.notice-float{z-index:15;left:50%;top:max(12px, env(safe-area-inset-top));background:var(--brand-amber-soft);color:#7e4a12;text-align:center;width:min(440px,100% - 24px);position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #0000002e}@media (width<=420px){.language-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}.language-native{font-size:16px}.seam-state{font-size:12px}.seam-primary{padding:0 20px}.bubble-row{width:92%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dark{--seam-bg:#14503b;--far-bg:#080d0b;--near-bg:#1d2723}.dark .language-button{background:var(--surface-raised);border-color:var(--line)}.dark .seam-primary{background:var(--paper);color:#6fd3a5}.dark .seam-primary.stop{color:#f0a48c}.dark .bubble{background:var(--surface-raised)}.dark .log-jump{background:var(--paper)}.dark .notice-float{color:#f0d9a8;background:#3a2f18}.dark .notice-error{color:#f0c3b6}.dark .share-qr{background:#fff}.dark .segmented button.selected{box-shadow:none}.dark .speaker-tone-0{--speaker-accent:#6fc79f;--speaker-soft:#1e3630;--speaker-border:#2f5a49}.dark .speaker-tone-1{--speaker-accent:#e59079;--speaker-soft:#3a2721;--speaker-border:#5c3a30}.dark .speaker-tone-2{--speaker-accent:#93aee0;--speaker-soft:#1f2740;--speaker-border:#37436a}.dark .speaker-tone-3{--speaker-accent:#d7b26a;--speaker-soft:#332a19;--speaker-border:#544527}.dark .speaker-tone-4{--speaker-accent:#c3a6d9;--speaker-soft:#2b2337;--speaker-border:#463a5a}.dark .speaker-tone-5{--speaker-accent:#6cc3c7;--speaker-soft:#183032;--speaker-border:#2c5457}.dark .speaker-tone-6{--speaker-accent:#d495b3;--speaker-soft:#341f2a;--speaker-border:#573546}.dark .speaker-tone-7{--speaker-accent:#a9c47e;--speaker-soft:#26301b;--speaker-border:#45542f}