:root{--console-h:96px;--helper-bg:hsl(var(--primary));--helper-fg:hsl(var(--primary-foreground));--glass-bg:hsla(0,0%,100%,.16);--glass-brd:hsla(0,0%,100%,.28)}body,html{height:100%;width:100%}body{overflow:hidden}#mediaBox{position:fixed;inset:0 0 calc(var(--console-h) + 4vh) 0;background:hsl(var(--card)) 50%/contain no-repeat;display:flex;align-items:center;justify-content:center;animation:fadeIn .7s ease;box-shadow:inset 0 0 40px rgba(0,0,0,.08)}#mediaBox>*{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;margin:auto}@media (max-width:640px){#mediaBox{bottom:calc(var(--console-h) + env(safe-area-inset-bottom));height:auto;justify-content:center;align-items:center}}.bottom-console{position:fixed;left:0;right:0;bottom:0;z-index:20;height:var(--console-h);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:hsl(var(--card)/.72);border-top:1px solid hsl(var(--border));display:flex;flex-direction:column}.suggestions-wrap{display:flex;gap:.5rem;overflow-x:auto;padding:.4rem .75rem}.suggestion-btn{flex:0;white-space:nowrap;font-size:.85rem;font-weight:500;background:hsl(var(--accent));color:hsl(var(--accent-foreground));padding:.4rem .9rem;border-radius:9999px;transition:.2s}.suggestion-btn:hover{background:hsl(var(--accent)/.8)}@media (max-width:640px){.suggestions-wrap{flex-wrap:wrap;overflow-x:visible;justify-content:center;gap:.5rem .75rem}.suggestion-btn{flex:1 1 calc(33.333% - .75rem);max-width:100%;white-space:normal;word-break:break-word;line-height:1.25;font-size:.68rem;padding:.3rem .6rem;overflow:visible;text-overflow:clip}}@media (min-width:641px){.suggestions-wrap{flex-wrap:nowrap;overflow-x:auto}.suggestion-btn{white-space:nowrap}}.console-row{gap:.5rem;padding:.55rem .75rem}.button-glass,.console-row{display:flex;align-items:center}.button-glass{width:40px;height:40px;justify-content:center;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s}.button-glass:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.24)}.button-glass:active{transform:scale(.95)}.button-glass.pause-active{background:rgba(107,235,137,.3)}.button-glass.mic-muted{background:rgba(239,93,93,.3)}.status-wrap{display:flex;align-items:center;gap:.45rem;font-size:.9rem}.transcript{padding-left:2.9rem;padding-right:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcript,.user-bubble{font-size:.75rem;line-height:1.35}@media(max-width:640px){.transcript,.user-bubble{font-size:.65rem}}.helper-tip{background:var(--helper-bg);color:var(--helper-fg);box-shadow:0 6px 18px rgba(0,0,0,.12);animation:fadeUp .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:16px!important}}