.live-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:24px}.live-main,.live-notebook{padding:clamp(22px,3vw,42px)}.live-main h1{font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-.04em}.live-main>p{line-height:1.8}.live-orb{width:170px;height:170px;border-radius:50%;margin:28px auto;background:radial-gradient(circle at 32% 25%,#d7fff2,#53bba9 48%,#397f9d);box-shadow:0 20px 55px #307d8a26,inset 0 0 25px #ffffff80;display:grid;place-items:center;color:white;font-size:44px;font-weight:700}.live-connected .live-orb{animation:live-breathe 3s ease-in-out infinite}#live-clock{display:block;text-align:center;font-size:38px;font-variant-numeric:tabular-nums}.live-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.live-disclosure{font-size:14px;color:#667085}#live-audio{width:100%;margin-top:10px}.live-transcript{height:300px;overflow:auto;background:#f4f8f8;border-radius:16px;padding:12px}.live-transcript p{margin:10px 0;padding:10px;border-radius:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.live-transcript .user{background:#daf2ed}.live-transcript .assistant{background:white}#live-targets{padding-left:20px;line-height:1.9}#live-save{font-size:14px;color:#50656d}.live-notebook details{margin-top:20px}.live-notebook summary{cursor:pointer}.live-parent-grid{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.live-parent-grid label{display:grid;gap:6px}.live-parent-grid input[type=number]{width:100px}.live-record{border-top:1px solid #e4e8ef;padding:14px 0}.live-record summary{cursor:pointer}.live-record p{white-space:pre-wrap;overflow-wrap:anywhere}.detail-dialog{max-width:900px;width:94vw;max-height:85vh;overflow:auto;border:0;border-radius:22px;padding:26px}.detail-dialog::backdrop{background:#15203088}.detail-table{width:100%;border-collapse:collapse}.detail-table td,.detail-table th{text-align:left;padding:10px;border-bottom:1px solid #e4e8ef;overflow-wrap:anywhere}.detail-table th{white-space:nowrap}.detail-dialog button{cursor:pointer}.detail-link{background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.detail-link:focus-visible{outline:3px solid #559eaa}.detail-link:hover{text-decoration:underline}@keyframes live-breathe{50%{transform:scale(1.04);box-shadow:0 20px 70px #307d8a50,inset 0 0 25px #ffffff80}}@media(max-width:800px){.live-layout{grid-template-columns:1fr}.detail-table{font-size:13px}}@media(prefers-reduced-motion:reduce){.live-connected .live-orb{animation:none}}