/* Aura Android: graphite surfaces, white actions, comfortable touch controls. */
:root{--bg:#080808;--border:#292929;--text:#f5f5f5;--red:#fff;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif}
body,body.account-page{background:#080808;color:#f5f5f5}
button,a,input,textarea,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:3px}
.brand-icon,.brand-ai,.new-chat svg,.history-item.active svg,.eyebrow,.eyebrow span,.star,.profile-chevron,.account-kicker,.message-avatar,.profile-connected,.plan-price,.account-brand>span{color:#eee}
.brand img,.account-brand img,.profile-app-icon img,.app-banner-icon img{filter:grayscale(1)}
h1>span{background:none;color:#fff;-webkit-text-fill-color:#fff}
.sidebar{background:#101010;border-color:#292929}
.new-chat{background:#1a1a1a;border-color:#393939;border-radius:16px}
.new-chat:hover,.history-item.active{background:#252525;border-color:#555}
.profile-link:hover,.history-item:hover{background:#202020}
.topbar{background:#080808;border-bottom:1px solid #1d1d1d}
.upgrade-link{background:#191919;border-color:#373737;color:#f2f2f2;border-radius:999px}
.composer{background:#171717;border-color:#3a3a3a;border-radius:24px;box-shadow:0 8px 28px #0004}
.composer:focus-within{border-color:#888;box-shadow:0 0 0 1px #ffffff0d}
.composer textarea{color:#fafafa}.composer textarea::placeholder{color:#999}
#voice-open{width:46px;height:46px;border-radius:50%;background:#242424;border-color:#404040;color:#eee}
#voice-open:hover{background:#333}
#send,.account-primary,.app-download-button,.quota-actions a,.home-link,#voice-dialog #voice-listen{background:#f3f3f3;border-color:#fff;color:#101010;box-shadow:none}
#send{width:46px;height:46px;border-radius:50%}
#send:disabled{background:#d9d9d9;opacity:.35}
.account-primary:hover,.app-download-button:hover,.home-link:hover,#voice-dialog #voice-listen:hover{background:#fff;filter:none}
.message.user .message-content{background:#242424;border-color:#383838;color:#f7f7f7}
.message-avatar,.avatar,.account-avatar{background:#202020;border-color:#464646;color:#fff}
.message.assistant .message-avatar{background:#181818;border-color:#363636}
.message-content a{color:#eee}.typing i{background:#ddd}
.account-card,.control-card,.plan-option,.payment-card{background:#111;border-color:#303030;box-shadow:0 20px 60px #0003}
.account-card:before{background:linear-gradient(90deg,transparent,#ffffff55,transparent)}
.account-form input:not([type=checkbox]),.account-form select,.voice-language select,.control-search input,.control-form input:not([type=checkbox]),.control-form select{background:#191919;border-color:#3b3b3b;color:#f5f5f5;min-height:50px}
.account-form input:focus,.account-form select:focus{border-color:#888;box-shadow:0 0 0 3px #ffffff0a}
.auth-tabs{background:#181818;border-color:#333}.auth-tabs a[aria-current=page]{background:#eee;color:#111;box-shadow:none}
.google-button,.profile-cancel,.profile-edit,.control-nav a,.payment-state{background:#202020;border-color:#444;color:#eee}
.google-mark{background:none;color:#eee;-webkit-text-fill-color:#eee}
.plan-option.featured{background:#171717;border-color:#777;box-shadow:none}.plan-pill{background:#2a2a2a;border-color:#555;color:#fff}
dialog,#voice-dialog{background:radial-gradient(ellipse at 50% 15%,#ffffff0a,transparent 65%),#151515;border-color:#414141;color:#f5f5f5;box-shadow:0 28px 90px #0008;max-height:calc(100dvh - 24px);overflow-y:auto}
.voice-orb{background:radial-gradient(circle at 30% 20%,#fff,#ccc 25%,#666 55%,#151515 80%);box-shadow:0 0 44px #ffffff16,inset -10px -8px 20px #0008}
#voice-status{color:#ddd}#voice-transcript{color:#ccc;border-color:#383838}.voice-language{color:#ccc}.voice-note{color:#999!important}
#voice-dialog #voice-replay{border-color:#555;color:#eee}.quota-actions button{background:#242424;border-color:#444}
.app-banner{display:none!important}
.danger{background:#eee!important;color:#111!important;border-color:#fff!important}
@keyframes voice-pulse{50%{transform:scale(1.07);box-shadow:0 0 55px #ffffff22,inset -10px -8px 20px #0008}}
@media(max-width:900px){
  .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));min-height:calc(62px + env(safe-area-inset-top))}
  .topbar .icon-button{min-width:46px;min-height:46px}.top-left{gap:4px}.top-right{gap:6px}
  .sidebar{width:min(320px,calc(100vw - 32px));padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .new-chat,.history-item,.profile-link{min-height:48px}.history-remove{min-height:46px;width:44px;min-width:44px}
  .composer-area{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .composer{padding:14px 14px 10px}.composer textarea{font-size:16px;line-height:1.55;min-height:36px}.send-area{gap:10px}
  .messages{padding:20px 16px}.message{gap:10px;margin-bottom:24px}.message-content{font-size:15px;line-height:1.8}
  .account-back{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-height:46px}
  .account-wrap,.profile-wrap{padding-left:16px;padding-right:16px;padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .account-card{padding:26px 22px;border-radius:22px}.profile-form-actions{gap:10px}.profile-details>div{min-height:56px}
  .billing-wrap{padding-left:16px;padding-right:16px}.plan-option{border-radius:22px}
  .disclaimer{font-size:10px;line-height:1.55;margin-top:9px}
}
@media(max-width:360px){.account-card{padding:22px 17px}.messages{padding-left:12px;padding-right:12px}.topbar{padding-right:10px}.upgrade-link{font-size:11px}.message-avatar{width:28px;height:28px}}
@media(max-height:600px){.welcome{padding-top:12px;padding-bottom:12px}.orb-scene{height:170px;transform:scale(.8);margin:-10px auto}.welcome h1{font-size:32px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

.composer #send{width:46px;height:46px;border-radius:50%}.composer textarea{scrollbar-width:none}.composer textarea::-webkit-scrollbar{display:none}.account-primary{text-decoration:none}
/* Smaller corners for Android; avatars retain their natural circular shape. */
:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.composer{border-radius:10px}.composer #send,#voice-open{border-radius:9px}.new-chat,.upgrade-link,.account-card,.plan-option,.payment-card,.control-card,dialog,#voice-dialog{border-radius:12px}.account-form input:not([type=checkbox]),.account-form select,.account-primary,.google-button,.profile-cancel,.app-download-button,.auth-tabs,.auth-tabs a{border-radius:8px}.message.user .message-content{border-radius:10px}.profile-shell{padding:0 22px 22px}.profile-cover{margin:0 -22px;background:radial-gradient(ellipse at 85% 0,#ffffff12,transparent 70%),#1e1e1e}.profile-overview .account-avatar,.profile-overview.is-editing .account-avatar{border-radius:50%;border-color:#111}.profile-app-menu{display:none!important}.profile-shell .profile-edit{border-radius:8px}.memory-saved{color:#ddd}.profile-shell .memory-item button{color:#ddd}
@media(max-width:600px){.account-card.profile-shell{padding:0 20px 20px}.profile-cover{margin:0 -20px}.account-card,.plan-option{border-radius:12px}}
