:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f6;color:#17201d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(31,146,132,.08),transparent 280px),#f5f7f6}button,select{font:inherit}button{border:0}.app-shell{display:grid;grid-template-columns:276px minmax(0,1fr) 340px;gap:16px;min-height:100vh;padding:16px}.sidebar,.right-panel,.conversation{min-width:0}.sidebar{display:flex;flex-direction:column;gap:14px;border:1px solid #dce4df;border-radius:8px;background:#ffffffd1;padding:16px}.brand{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #e2e8e4}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#1f9284;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span,.caption,.history-entry span,.todo-strip span{color:#66736e;font-size:12px;line-height:1.3}.control-group,.room-card,.small-status,.panel-block,.mode-surface,.push-surface,.transcript-panel,.todo-strip{border:1px solid #dce4df;border-radius:8px;background:#fff}.control-group{display:grid;gap:10px;padding:12px}.control-group label,.label-row,.room-heading,.panel-title,.panel-header,.small-status,.peer-pill{display:flex;align-items:center;gap:8px;color:#27342f;font-size:14px;font-weight:700}select{width:100%;min-height:40px;border:1px solid #ccd7d1;border-radius:7px;background:#f8faf9;color:#17201d;padding:0 10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:8px;background:#edf2ef;padding:4px}.segmented button{min-height:36px;border-radius:6px;background:transparent;color:#53615c;cursor:pointer}.segmented button.active{background:#fff;color:#17201d;box-shadow:0 1px 6px #161f1c14}.room-card{display:grid;gap:10px;padding:12px}.room-card img{width:100%;max-width:180px;border-radius:8px;justify-self:center}.room-card code{overflow-wrap:anywhere;border-radius:6px;background:#eef6f4;color:#146a60;padding:8px;font-size:13px}.small-status{margin-top:auto;padding:12px}.status-dot{width:10px;height:10px;border-radius:99px;background:#9aa7a1}.status-dot.live{background:#1f9284;box-shadow:0 0 0 5px #1f928429}.status-dot.delayed,.status-dot.reconnecting,.status-dot.connecting{background:#f0a23a}.status-dot.error{background:#d85a4a}.conversation{display:flex;flex-direction:column;gap:16px;border:1px solid #dce4df;border-radius:8px;background:#ffffffb8;padding:18px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}h1,h2,p{margin:0}h1{max-width:760px;font-size:34px;line-height:1.05;letter-spacing:0}h2{font-size:18px;line-height:1.2}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.primary-button,.secondary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:0 13px;cursor:pointer;white-space:nowrap}.primary-button{background:#1f9284;color:#fff;font-weight:800}.secondary-button{border:1px solid #ccd7d1;background:#fff;color:#27342f;font-weight:700}.secondary-button.active,.mobile-footer button.active{border-color:#ef715c;background:#ef715c;color:#fff}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.error-banner{border:1px solid #efb3a9;border-radius:8px;background:#fff0ed;color:#963527;padding:12px;font-size:14px}.live-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;flex:1;min-height:340px}.transcript-panel{display:flex;flex-direction:column;gap:18px;padding:18px}.transcript-panel p{font-size:clamp(26px,4vw,48px);line-height:1.08;letter-spacing:0}.transcript-panel.source p{color:#4b5b55}.transcript-panel.translated{border-color:#1f928461;background:#f6fffd}.transcript-panel.translated p{color:#103b36;font-weight:750}.mode-surface,.push-surface{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.mode-surface p{max-width:620px;margin-top:6px;color:#60706a;line-height:1.45}.peer-pill{min-height:40px;border-radius:7px;background:#eef6f4;color:#146a60;padding:0 12px;white-space:nowrap}.push-surface{justify-content:center;min-height:150px}.one-phone-panel{display:grid;gap:14px;border:1px solid #dce4df;border-radius:8px;background:#fff;padding:16px}.dual-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-language-grid label{display:grid;gap:8px;color:#27342f;font-size:14px;font-weight:750}.push-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.push-button{display:inline-flex;width:min(100%,440px);min-height:88px;align-items:center;justify-content:center;gap:12px;border-radius:8px;background:#ef715c;color:#fff;font-size:20px;font-weight:850;cursor:pointer;box-shadow:0 18px 38px #ef715c3d}.push-button.compact{width:min(100%,260px);min-height:58px;font-size:16px;box-shadow:none}.push-button.second{background:#1f9284;box-shadow:0 18px 38px #1f928438}.push-button.recording{background:#17201d;box-shadow:0 18px 38px #17201d38}.mode-note{color:#60706a;font-size:14px;line-height:1.45}.nearby-actions{align-items:center}.nearby-live-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.right-panel{display:flex;flex-direction:column;gap:14px}.panel-block{display:grid;gap:12px;padding:14px}.panel-header{justify-content:space-between}.panel-header h2{margin-right:auto}.toggle-row{display:flex;align-items:center;gap:8px;color:#4f5e59;font-size:14px}.history-list{display:grid;max-height:430px;gap:8px;overflow:auto}.history-entry{border-left:3px solid #d9e3de;padding:4px 0 5px 10px}.history-entry.translation{border-color:#1f9284}.history-entry.source{border-color:#ef715c}.history-entry p,.summary-text,.todo-strip p{color:#394742;font-size:14px;line-height:1.45}.summary-text{min-height:92px;white-space:pre-wrap}.todo-strip{padding:12px}.todo-strip span{display:block;margin-bottom:4px;color:#b35344;font-weight:800}.mobile-footer{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1320px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.right-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.todo-strip{grid-column:1 / -1}}@media (max-width: 760px){.app-shell{display:flex;flex-direction:column;padding:10px 10px 76px}.sidebar{order:1}.conversation{order:0;padding:14px}.right-panel{order:2;display:flex}.topbar,.mode-surface{flex-direction:column;align-items:stretch}.top-actions{width:100%;justify-content:stretch}.top-actions button{flex:1}h1{font-size:28px}.live-grid{grid-template-columns:1fr;min-height:auto}.transcript-panel{min-height:210px}.transcript-panel p{font-size:30px}.dual-language-grid,.push-grid{grid-template-columns:1fr}.push-button,.push-button.compact{width:100%}.nearby-live-controls{width:100%;justify-content:stretch}.nearby-live-controls .peer-pill{width:100%;justify-content:center}.mobile-footer{position:static;order:4;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid #dce4df;border-radius:8px;background:#fffffff0;padding:8px;box-shadow:0 12px 28px #161f1c1f}.mobile-footer button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:#eef6f4;color:#146a60;font-weight:800}}