:root{--ink:#153c36;--green:#216c5c;--line:#b7cabe;--cream:#f5f4ee}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--ink);background:var(--cream);font:17px/1.45 "Segoe UI",sans-serif}body{display:flex;flex-direction:column}button,select,textarea{font:inherit;color:inherit}button,select{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 14px}button{cursor:pointer;font-weight:650}button:disabled{opacity:.55;cursor:default}button:hover{background:#e2eee7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #b78329;outline-offset:2px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.stop{color:#823c36;border-color:#c8aaa1}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:20;background:white;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.live-header{display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.live-header a{color:var(--ink);text-decoration:none;min-height:44px;display:flex;align-items:center}.brand{font-weight:800;font-size:24px;gap:12px}.brand span{font-size:11px;letter-spacing:.16em;background:#dceac4;padding:5px 9px;border-radius:30px}.private-label{font-size:13px;margin-left:auto}.live-header .language-switch{margin:0}.live-main{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(380px,1.15fr);gap:18px;padding:16px 24px;min-height:0;flex:1}.avatar-panel,.conversation{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;min-height:0}.avatar-panel{display:flex;flex-direction:column}.character-strip{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fbfcf8}.character-strip img{width:50px;height:62px;object-fit:cover;border-radius:10px}.character-strip div{flex:1}.character-strip label{display:block;font-size:13px;margin-bottom:3px}.character-strip select{width:100%;font-weight:700}#avatar-stage{flex:1;min-height:170px;position:relative}#avatar-stage canvas{display:block;width:100%;height:100%}.avatar-actions{display:flex;gap:8px;padding:10px 16px;align-items:center;flex-wrap:wrap}.avatar-actions button,.avatar-actions select{flex:1}.check{display:flex;align-items:center;gap:8px;min-height:48px;font-size:14px}.check input{width:22px;height:22px;accent-color:var(--green)}.avatar-note{font-size:12px;color:#536d63;margin:0;padding:0 16px 12px}.conversation{display:flex;flex-direction:column;padding:18px}.conversation-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.conversation-heading h1{font-family:Georgia,serif;font-size:27px;line-height:1.1;margin:0 0 6px;font-weight:500}.conversation-heading p{font-size:13px;margin:0;color:#526f63}.conversation-heading button{flex-shrink:0}#transcript{flex:1;min-height:100px;overflow:auto;padding:14px 0;overscroll-behavior:contain;scroll-behavior:auto}.message{padding:10px 14px;border-radius:14px;margin:8px 0;max-width:95%;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#e5efe9;margin-left:auto}.message.assistant{background:#f0f0e8}.message small{display:block;font-size:11px;font-weight:750;color:#546d64;margin-bottom:5px}.message p{margin:0}.empty-chat{color:#6a7e73;font-size:16px}.live-main textarea{width:100%;min-height:78px;max-height:135px;resize:vertical;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fdfefb}.chat-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.chat-actions .primary{flex:1}.chat-actions button{padding-left:12px;padding-right:12px}#live-status{font-size:13px;min-height:20px;margin:4px 0 8px;color:#426556}#live-status.error{color:#982d2d}.live-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:10px 24px 14px;border-top:1px solid var(--line);background:#eaf0e8}.live-settings>label{font-size:12px}.live-settings select{display:block;max-width:100%;font-size:15px}.voice-setting{flex:1;min-width:160px}.voice-setting select{width:100%;max-width:340px}.live-settings button{font-size:14px}.live-help{position:relative;font-size:13px}.live-help summary{min-height:48px;display:flex;align-items:center;cursor:pointer}.live-help[open]{position:fixed;bottom:85px;right:20px;max-width:470px;padding:14px;background:white;border:2px solid var(--green);border-radius:16px;z-index:10;box-shadow:0 10px 40px #0002;max-height:65vh;overflow:auto}.audio-startup-settings{font-size:12px;margin:0!important;padding:0 8px!important;border:0!important;background:transparent!important}.audio-startup-settings summary{font-size:12px!important;min-height:48px!important;display:flex;align-items:center}.audio-startup-settings[open]{position:fixed;bottom:80px;left:20px;max-width:460px;background:white!important;border:2px solid var(--green)!important;padding:15px!important;z-index:11}.audio-startup-settings select{font-size:14px!important;min-height:48px!important}.audio-startup-settings p{max-width:420px}@media(max-width:900px){.live-header{padding:8px 14px;gap:12px}.private-label{display:none}.live-main{padding:10px;gap:10px;grid-template-columns:minmax(220px,.8fr) minmax(300px,1fr)}.conversation{padding:12px}.conversation-heading{flex-wrap:wrap}.conversation-heading h1{font-size:23px}.live-settings{padding:8px 12px;gap:8px}.live-settings .live-help{margin-left:auto}}@media(max-width:650px){body{height:auto;min-height:100%}.live-main{grid-template-columns:1fr}.avatar-panel{min-height:340px}.avatar-panel #avatar-stage{height:230px;min-height:230px;flex:none}.conversation{min-height:430px}#transcript{max-height:230px}.live-settings{align-items:stretch}.voice-setting{min-width:190px}.live-header .language-switch{margin-left:auto}.conversation-heading{flex-wrap:nowrap}.live-help[open],.audio-startup-settings[open]{left:10px;right:10px;bottom:10px;max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}