@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600&display=swap";:root{font-family:Manrope,Noto Sans JP,sans-serif;color:#1d211d;background:#d8d5ca;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#d8d5ca}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(360px,100%);display:grid;justify-items:center;gap:16px;padding:40px;background:#f8f6ef;border-radius:14px;box-shadow:0 18px 48px #35372f24;text-align:center}.login-card h1{margin-top:2px}.login-card>div>p{margin:4px 0 0;color:#74766f;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.login-card label{width:100%;display:grid;gap:7px;text-align:left}.login-card label span{color:#6c6f68;font:500 10px DM Mono;letter-spacing:.08em;text-transform:uppercase}.login-card button{width:100%}.login-status{color:#74766f;font:12px DM Mono}.login-error{margin:0;color:#9b3325;font-size:12px}.shell{width:min(1180px,calc(100% - 32px));height:calc(100vh - 32px);min-height:620px;margin:16px auto;overflow:hidden;display:flex;flex-direction:column;background:#f8f6ef;border-radius:14px;box-shadow:0 20px 55px #35372f26}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;padding:12px 18px;background:#faf8f2;box-shadow:0 5px 18px #26372f0a}.brand{display:flex;align-items:center;gap:13px}.mark{width:26px;height:42px;display:flex;align-items:center;justify-content:center;gap:3px;color:#253d32}.mark i{width:2px;border-radius:2px;background:currentColor}.mark i:nth-child(1){height:9px;opacity:.55}.mark i:nth-child(2){height:22px}.mark i:nth-child(3){height:15px;opacity:.8}.mark i:nth-child(4){height:6px;opacity:.4}h1{margin:0;font-size:19px;letter-spacing:-.03em}.brand p{margin:2px 0 0;color:#74766f;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.status{display:flex;align-items:center;gap:8px;font:500 12px DM Mono;color:#74766f}.status span{width:8px;height:8px;border-radius:50%;background:#999b95}.status.listening span{background:#e14f35;box-shadow:0 0 0 4px #e14f3520;animation:pulse 1.8s infinite}.status.connecting span{background:#c4912f}.status.error span{background:#b23c2a}.top-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.compact-field,.compact-meter{display:flex;align-items:center;gap:7px;min-width:0}.compact-field>span,.compact-meter>span{color:#777a73;font:500 9px DM Mono;letter-spacing:.08em;text-transform:uppercase}.compact-field select{width:190px;height:32px;padding:0 9px}.source-field select{width:108px}input,select{width:100%;height:38px;padding:0 11px;color:#282c28;background:#eeece5;border:0;border-radius:7px;outline:none;box-shadow:inset 0 0 0 1px #777a7314}input:focus,select:focus{box-shadow:0 0 0 3px #42685720,inset 0 0 0 1px #42685780}button{height:32px;padding:0 17px;border:0;border-radius:7px;color:#fff;background:#253d32;cursor:pointer;box-shadow:0 3px 9px #253d321c;font-size:12px;font-weight:600}button:hover{background:#345445}button:disabled{opacity:.45;cursor:not-allowed}button.export{color:#253d32;background:#e2e0d7;box-shadow:none}button.export:hover:not(:disabled){background:#d5d3ca}button.reset{padding-inline:10px;color:#7d2a1f;background:transparent;box-shadow:none}button.reset:hover:not(:disabled){background:#f0d8d1}button.stop{color:#892f21;background:#f0d8d1}.meter{position:relative;height:38px;overflow:hidden;background:repeating-linear-gradient(90deg,#dad8d0 0 5px,transparent 5px 8px);border-radius:3px}.compact-meter .meter{width:82px;height:14px}.meter i{position:absolute;inset:0;transform-origin:left;background:repeating-linear-gradient(90deg,#4d7b66 0 5px,transparent 5px 8px);transition:transform 80ms linear}.error{padding:10px 24px;color:#7d2a1f;background:#f6ddd6;font-size:13px}.phone-pairing{display:flex;align-items:center;gap:14px;padding:10px 18px;color:#38443d;background:#e9eee9}.phone-pairing>div{display:grid;gap:2px}.phone-pairing strong{font-size:12px}.phone-pairing span{color:#70766f;font-size:10px}.phone-pairing code{min-width:0;overflow:hidden;flex:1;padding:7px 9px;color:#33483e;background:#f7f8f3;border-radius:6px;font:10px DM Mono;text-overflow:ellipsis;white-space:nowrap}.remote-shell{width:min(940px,calc(100% - 32px));min-height:calc(100vh - 32px);margin:16px auto;display:flex;flex-direction:column;overflow:hidden;background:#f8f6ef;border-radius:14px;box-shadow:0 20px 55px #35372f26}.remote-card{display:grid;justify-items:center;gap:10px;padding:18px;text-align:center}.remote-card>div>p{margin:2px 0 0;color:#74766f;font:10px DM Mono;letter-spacing:.08em;text-transform:uppercase}.remote-copy{max-width:560px;margin:0;color:#676c67;font-size:12px;line-height:1.55}.remote-meter{width:min(280px,80%);height:8px;overflow:hidden;background:#deddd6;border-radius:4px}.remote-meter i{display:block;width:100%;height:100%;transform-origin:left;background:#4d7b66;transition:transform 80ms linear}.remote-gain{width:min(280px,80%);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#676c67;font-size:11px}.remote-gain select{width:92px;height:32px}.remote-live{height:110px;padding:14px 18px;overflow:hidden;color:#3f4540;background:#efede6}.remote-live p{max-height:58px;margin:8px 0 0;overflow-y:auto;white-space:pre-wrap;font-size:13px;line-height:1.55}.remote-brief{min-height:260px;flex:1;display:flex;flex-direction:column;overflow:hidden}.remote-brief .timeline{flex:1}.brief{min-height:0;flex:1;display:flex;flex-direction:column}.column-head{display:grid;grid-template-columns:1fr 1fr;background:#253d32;color:#f4f1e8}.column-head span{padding:11px 24px;font:500 11px DM Mono;letter-spacing:.13em;text-transform:uppercase}.column-head span:first-child{background:#39483f}.column-head span+span{padding-left:28px;background:#253d32}.timeline{min-height:0;overflow-y:auto;flex:1}.event{display:grid;grid-template-columns:1fr 1fr}.event+.event{box-shadow:inset 0 1px #716f6812}.event>div{padding:4px 24px 11px;background:#f7f2e8}.event>div+div{padding-left:28px;background:#edf2ee}time{color:#8a8b84;font:400 10px DM Mono;letter-spacing:.06em}.event-meta{grid-column:1 / -1;min-height:16px;display:flex;align-items:center;gap:7px;padding:7px 24px 0;background:linear-gradient(90deg,#f7f2e8 0 50%,#edf2ee 50%)}.kind,.speaker{padding:2px 6px;border-radius:999px;font:500 8px DM Mono;letter-spacing:.06em;text-transform:uppercase}.kind{color:#3d5d4e;background:#dbe5dd}.kind.question{color:#765020;background:#eee0c5}.kind.answer{color:#315b67;background:#d7e7e9}.kind.decision,.kind.action{color:#7b3f31;background:#ecd9d2}.speaker{max-width:180px;overflow:hidden;color:#696c66;background:#e5e3dc;text-overflow:ellipsis;white-space:nowrap}.event p{max-width:41ch;margin:0;font-size:clamp(16px,1.55vw,20px);line-height:1.48;letter-spacing:-.015em}.event p[lang=ja]{letter-spacing:.02em;line-height:1.6}.live-transcript{position:relative;z-index:0;flex:0 0 auto;color:#777a73;background:#efede6;box-shadow:0 5px 15px #27362f0a}.live-transcript>div{height:112px;min-height:0;overflow:hidden;padding:16px 24px 14px}.live-label{display:flex;align-items:center;gap:8px;color:#777a73;font:500 10px DM Mono;letter-spacing:.09em;text-transform:uppercase}.live-label i{width:7px;height:7px;border-radius:50%;background:#e14f35;animation:pulse 1.8s infinite}.live-transcript:not(.active) .live-label i{background:#999b95;animation:none}.live-transcript p{max-height:58px;margin:9px 0 0;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;font-size:14px;line-height:1.65;scrollbar-width:thin}.live-transcript.has-text p{color:#3f4540}@keyframes pulse{50%{opacity:.4;transform:scale(.85)}}@media(max-width:760px){body{min-width:0}.shell{width:100%;height:100vh;height:100dvh;min-height:0;margin:0;border-radius:0;box-shadow:none}.topbar{align-items:flex-start;flex-wrap:wrap;gap:6px;min-height:0;padding:8px 10px 9px}.brand{gap:7px;padding-right:92px}.brand h1{font-size:16px}.brand p{margin-top:0;font-size:8px;letter-spacing:.08em}.mark{width:18px;height:32px;gap:2px}.mark i{width:1.5px}.mark i:nth-child(2){height:17px}.mark i:nth-child(3){height:12px}.status{position:absolute;top:14px;right:10px;gap:6px;font-size:9px}.status span{width:6px;height:6px}.top-controls{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compact-field{grid-column:1 / -1;gap:5px}.source-field{grid-column:span 1}.mic-field{grid-column:span 2}.compact-field>span{font-size:8px}.compact-field select{width:100%;height:29px;padding-inline:7px;font-size:11px}.compact-meter{display:none}.top-controls button{width:100%;height:29px;padding-inline:6px;font-size:10px}.error{padding:7px 10px;font-size:11px}.phone-pairing{align-items:stretch;flex-wrap:wrap;gap:6px;padding:8px 10px}.phone-pairing>div{width:100%}.phone-pairing code{flex-basis:70%}.remote-shell{width:100%;min-height:100vh;min-height:100dvh;margin:0;border-radius:0}.remote-card{gap:8px;padding:10px}.remote-card .mark{display:none}.remote-card h1{font-size:16px}.remote-copy{font-size:10px}.remote-live{height:88px;padding:10px}.remote-live p{max-height:50px;margin-top:5px;font-size:11px}.live-transcript>div{height:88px;padding:10px 10px 8px}.live-label{gap:6px;font-size:8px}.live-label i{width:5px;height:5px}.live-transcript p{max-height:50px;margin-top:5px;font-size:11px;line-height:1.45}.column-head span{padding:7px 10px;font-size:9px;letter-spacing:.1em}.column-head span+span{padding-left:10px}.event>div{min-width:0;padding:3px 10px 8px}.event>div+div{padding-left:10px}.event-meta{min-height:13px;flex-wrap:wrap;gap:3px;padding:6px 10px 0}time{font-size:8px}.kind,.speaker{padding:1px 4px;font-size:6.5px;letter-spacing:.03em}.speaker{max-width:82px}.event p,.event p[lang=ja]{max-width:none;margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.42;letter-spacing:0}}@media(max-width:380px){.brand p{display:none}.event>div{padding-inline:8px}.event-meta{padding-inline:8px}.event>div+div,.column-head span+span{padding-left:8px}.column-head span{padding-inline:8px}.event p,.event p[lang=ja]{font-size:11px}}