:root{color-scheme:dark;--bg:#080e1a;--panel:#10192b;--text:#f3f7ff;--muted:#9eacc5;--line:#25314a;--accent:#6ea6ff;--cyan:#6eefe0}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{display:flex;height:100dvh;min-height:420px}.sidebar{width:246px;flex-shrink:0;background:#0c1424;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 30px}.brand img{width:42px;height:42px}.brand strong{display:block;font-size:23px;letter-spacing:-.8px}.brand small{display:block;font-size:9px;letter-spacing:1.1px;color:#9dacc8;margin-top:3px}.sidebar-button{width:100%;background:#18243a;color:var(--text);text-align:left;border:1px solid #2e3d58;border-radius:11px;padding:13px 15px;font-size:14px}.sidebar-button:hover{background:#233653}.sidebar-bottom{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.7}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 17%,#13213c55,transparent 55%),var(--bg)}.topbar{height:70px;border-bottom:1px solid #213049a1;display:flex;align-items:center;justify-content:flex-end;padding:0 29px;flex-shrink:0}.mobile-brand{display:none}.topbar-right{display:flex;align-items:center;gap:20px}.status{display:flex;align-items:center;gap:8px;color:#bac8df;font-size:12px}.status-dot{width:7px;height:7px;background:#56dfb4;border-radius:50%;box-shadow:0 0 10px #56dfb477}.top-button{background:transparent;border:1px solid var(--line);color:#e7eeff;font-size:23px;width:35px;height:35px;border-radius:10px}.conversation{width:100%;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scroll-behavior:smooth}.welcome{margin:auto;width:min(780px,100%);padding:52px 28px 45px;text-align:center}.welcome-icon img{width:88px;height:88px;filter:drop-shadow(0 10px 28px #437efb38)}.eyebrow{color:#7a9dcc;font-size:11px;letter-spacing:2px;font-weight:650;margin:22px 0 14px}.welcome h1{font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px;line-height:1.12;margin:0}.welcome h1 span{background:linear-gradient(125deg,#6da6ff,#6af2e2);color:transparent;background-clip:text}.welcome-description{margin:18px auto 37px;max-width:565px;line-height:1.75;color:var(--muted);font-size:15px}.prompts{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;text-align:left}.prompts button{min-height:62px;background:#14213899;color:#dce9ff;border:1px solid #31415b;border-radius:12px;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:14px;gap:9px}.prompts button span{color:#79aaff;font-size:21px}.prompts button:hover{background:#1a2c49}.messages{width:min(780px,100%);margin:0 auto;padding:28px 21px 30px;display:flex;flex-direction:column;gap:19px}.bubble-row{display:flex;gap:12px;align-items:flex-start}.bubble-row.user{justify-content:flex-end}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:11px;background:#172946;display:grid;place-items:center;font-weight:750;color:#86beff;font-size:13px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px;max-width:min(630px,86%)}.bubble-row.assistant .bubble{padding:3px 0;color:#eef3ff}.bubble-row.user .bubble{background:#183759;border:1px solid #2c5077;border-radius:17px 17px 5px 17px;padding:13px 17px;color:#f1f6ff}.composer-area{width:min(824px,100%);margin:0 auto;padding:14px 22px max(15px,env(safe-area-inset-bottom));flex-shrink:0}.composer{border:1px solid #3a4b69;background:#141f34;border-radius:18px;display:flex;align-items:end;gap:12px;padding:11px 11px 11px 18px;box-shadow:0 6px 32px #0003}.composer textarea{resize:none;max-height:156px;min-height:26px;line-height:26px;flex:1;background:none;color:white;border:0;outline:0!important;font-size:15px;padding:6px 0}.composer textarea::placeholder{color:#8494ae}.composer button{border:0;background:#6da6ff;color:#071321;width:42px;height:42px;border-radius:12px;font-size:24px;font-weight:bold;flex-shrink:0}.composer button:disabled{opacity:.5;cursor:wait}.disclaimer{text-align:center;color:#7787a2;font-size:11px;line-height:1.5;margin:10px auto 0}.access-dialog{max-width:420px;width:calc(100% - 30px);padding:0;border:1px solid #35455f;border-radius:22px;background:#142037;color:white;box-shadow:0 20px 80px #000b}.access-dialog::backdrop{background:#030912db;backdrop-filter:blur(7px)}.access-dialog form{display:flex;flex-direction:column;gap:16px;padding:28px}.access-dialog img{width:67px;height:67px}.access-dialog h2{font-size:25px;letter-spacing:-.6px;margin:0}.access-dialog p{color:#b6c5df;line-height:1.6;font-size:14px;margin:0}.access-dialog input{width:100%;padding:14px 15px;background:#0b1526;color:white;border:1px solid #3c4c68;border-radius:10px}.access-dialog button{padding:14px;background:#6da6ff;color:#0b1728;border:0;font-weight:750;border-radius:11px}.access-dialog small{color:#93a6c5;font-size:12px}.access-dialog .error{color:#ff9292;font-size:12px;min-height:0}@media(max-width:780px){.sidebar{display:none}.mobile-brand{display:flex;gap:9px;align-items:center;font-size:19px}.mobile-brand img{width:33px;height:33px}.topbar{justify-content:space-between;height:62px;padding:0 18px}.topbar-right{gap:12px}.welcome{padding:30px 22px 20px}.welcome-icon img{width:75px;height:75px}.welcome-description{font-size:14px;margin-bottom:28px}.prompts{gap:10px}.prompts button{min-height:65px;padding:13px;font-size:12px}.composer-area{padding:9px 13px max(10px,env(safe-area-inset-bottom))}.messages{padding:23px 15px 25px}.bubble{font-size:14px}.disclaimer{font-size:10px}}@media(max-width:370px){.status{font-size:11px}.welcome h1{font-size:30px}.prompts{grid-template-columns:1fr}.welcome{padding-top:18px}.prompts button{min-height:45px}} 


/* Giri AI Voice v1 */
.voice-toolbar{display:flex;align-items:center;gap:10px;padding:0 3px 9px;min-height:41px}
.voice-lang-label{display:flex;align-items:center;gap:7px;color:#c5d7f6;font-size:12px;white-space:nowrap}
.voice-lang-label select{max-width:125px;background:#182942;border:1px solid #425878;border-radius:9px;color:#fff;padding:8px 7px;font-size:13px}
.speaker-button{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #425878;background:#172740;color:#fff;border-radius:11px;font-size:20px;line-height:1}
.speaker-button.is-enabled{background:#214b5b;border-color:#65d8cf;box-shadow:0 0 0 1px #65d8cf44}
.voice-status{flex:1;text-align:right;font-size:11px;color:#aebddd;line-height:1.35;min-width:70px}
.voice-status.voice-error{color:#ffb0b0}
.composer #voice-mic{background:#243b5b;color:#fff;border:1px solid #476485;border-radius:12px;font-size:22px;display:grid;place-items:center}
.composer #voice-mic.is-listening{background:#a62f4c;border-color:#ff8bac;box-shadow:0 0 0 4px #fa668b2f;animation:giri-listening 1.5s ease-in-out infinite}
.composer #voice-mic:disabled,.speaker-button:disabled{opacity:.4;cursor:not-allowed}
@keyframes giri-listening{50%{box-shadow:0 0 0 9px #fa668b12}}
@media(max-width:420px){.voice-toolbar{gap:7px}.voice-lang-label{font-size:11px}.voice-lang-label select{max-width:112px;padding:7px 5px;font-size:12px}.voice-status{font-size:10px}.composer{gap:7px;padding:9px}.composer #voice-mic,.composer #send-btn{height:43px;width:43px;min-width:43px}}