:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#11141a;color:#e6edf6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{border:1px solid #344051;border-radius:9px;background:#222b38;color:inherit;padding:9px 12px;cursor:pointer}button:hover{background:#2c394b}button:disabled{opacity:.5;cursor:default}.shell{max-width:1060px;margin:auto;padding:24px 24px max(20px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:24px;margin:0;letter-spacing:-.5px}h1 span{font-weight:400;color:#8495aa;font-size:15px;margin-left:8px}header p{font-size:13px;color:#9babbe;margin:7px 0 0}.notice{padding:12px 15px;border:1px solid #755c33;background:#332b1e;border-radius:9px;color:#f1d6a6}.controls{background:#181f29;border:1px solid #2b3544;border-radius:14px;padding:15px;margin-bottom:18px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.source{text-align:left;min-height:70px;position:relative}.source span{font-weight:600;display:block}.source small{display:block;color:#8d9bb0;margin:6px 0;font-size:12px}.source.active{border-color:#4f9885;background:#1b3531}.source i{height:3px;background:#364356;display:block;border-radius:3px;overflow:hidden}.source b{height:100%;width:0;background:#75dbc0;display:block}.listen-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.listen-row button{background:#2d536a;border-color:#477990}.listen-row label{font-size:13px;display:flex;align-items:center;gap:5px}.volume input{width:90px}input[type=checkbox]{accent-color:#83cbb9}.listen-row small{color:#92a3b8;font-size:12px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.actions button,.actions summary{font-size:12px}.actions summary{cursor:pointer;list-style:none;padding:9px 12px;color:#9baec5}.settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;width:100%}.settings label{font-size:12px;display:flex;gap:8px;align-items:center}.settings select{max-width:230px;font-size:12px}main{border:1px solid #2b3544;border-radius:14px;overflow:hidden;background:#151b24}.chat-heading{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid #293342}h2{font-size:14px;margin:0;font-weight:600}.chat-heading span{font-size:12px;color:#91a5bb}#conversation{height:clamp(280px,48vh,650px);overflow:auto;padding:20px;scrollbar-width:thin}.empty{color:#8599b2;text-align:center;margin:70px auto;max-width:350px;font-size:14px}.row{margin-bottom:20px}.row.user{margin-left:15%;}.row.answer{margin-right:4%}.bubble{line-height:1.65;font-size:15px;overflow-wrap:anywhere}.user .bubble{background:#26364a;border:1px solid #34465c;padding:12px 16px;border-radius:13px;white-space:pre-wrap}.meta{color:#8395ab;font-size:11px;margin:7px 0}.user .meta{text-align:right}.bubble p{margin:0 0 12px}.bubble ul{padding-left:22px;margin-top:5px}.bubble h3{font-size:14px;margin:15px 0 7px;color:#a4d6e5}pre{overflow:auto;border:1px solid #2e3d4e;background:#101721;padding:14px;border-radius:9px;line-height:1.55}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#202c3c;border-radius:3px;padding:1px 4px}pre code{padding:0;background:none}#composer{padding:14px 16px;border-top:1px solid #293342;background:#19212d}textarea{width:100%;resize:vertical;min-height:62px;max-height:160px;border:1px solid #39475b;border-radius:9px;padding:12px;background:#111a26;color:inherit;outline:none}textarea:focus{border-color:#6dabc1}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.composer-actions span{font-size:11px;color:#869bb4}#send{background:#3d716d;border-color:#548f84;font-weight:600;min-width:80px}.captions{padding:16px 2px;color:#96abc3;font-size:13px}.captions summary{cursor:pointer}.caption{padding:8px 0;border-bottom:1px solid #25303d}.caption strong{font-size:11px;text-transform:uppercase;color:#75bdb2;margin-right:8px}footer{font-size:11px;color:#73889f;line-height:1.7;margin-top:8px}@media(max-width:650px){.shell{padding:15px 10px}.source-grid{gap:6px}.source{padding:10px 8px}.source span{font-size:12px}.source small{font-size:10px}.listen-row{gap:9px}.volume{display:none}.actions{gap:5px}.actions button{padding:8px}#conversation{padding:14px;height:48vh}.bubble{font-size:14px}.chat-heading{padding:13px}.composer-actions span{max-width:190px}.row.user{margin-left:8%}header{margin-bottom:15px}header button{font-size:11px}.controls{padding:10px}}