*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0077b6;--primary-light:#00b4d8;--primary-dark:#023e8a;--accent:#0077b6;--recording:#0077b6;--processing:#f4a261;--speaking:#2a9d8f;--bg-light:#f5f7fa;--bg-card:rgba(0,0,0,0.04);--text:#1a2b3c;--text-muted:rgba(26,43,60,0.6)}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e9eaed;color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%;max-width:480px;margin:0 auto;padding:1.5rem 1rem}.header{text-align:center;padding-bottom:1rem}.logo-img{height:150px;margin-bottom:.25rem}.title{font-size:1rem;font-weight:400;color:var(--text-muted);letter-spacing:.5px}.main{flex:1 1;gap:1.5rem}.avatar-container,.main{display:flex;flex-direction:column;align-items:center}.avatar-container{gap:.5rem;width:100%}.avatar-canvas{width:420px;height:420px;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.05);transition:box-shadow .4s ease}.avatar-canvas--idle{box-shadow:none}.avatar-canvas--listening{box-shadow:0 0 40px rgba(194,242,155,.6)}.avatar-canvas--processing{box-shadow:0 0 35px rgba(194,242,155,.5)}.avatar-canvas--speaking{box-shadow:0 0 40px rgba(194,242,155,.6)}.avatar-loading{font-size:.85rem;color:var(--text-muted);animation:fade-in .3s ease}.avatar-error{font-size:.85rem;color:#dc3545}.avatar-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.error{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;text-align:center;max-width:100%}.transcript{width:100%;max-height:200px;overflow-y:auto;gap:.4rem;padding:0 .5rem}.transcript,.transcript-history{display:flex;flex-direction:column}.transcript-history{gap:.3rem}.transcript-entry{font-size:.85rem;padding:.5rem .8rem;border-radius:8px;line-height:1.4}.transcript-entry--user{background:rgba(0,119,182,.12);color:var(--accent);align-self:flex-end;text-align:right}.transcript-entry--assistant{background:var(--bg-card);color:var(--text)}.transcript-current{font-size:.95rem;text-align:center;color:var(--text);background:rgba(0,0,0,.04);padding:.6rem 1rem;border-radius:10px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer{padding-top:1.5rem;display:flex;justify-content:center}.btn{border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;border-radius:50px;padding:.9rem 2.4rem;transition:all .25s ease}.btn--start{background:#c2f29b;color:#1a2b3c;box-shadow:0 4px 20px rgba(0,0,0,.1)}.btn--start:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,.15)}.btn--stop{background:#c2f29b;color:var(--text-muted);border:1px solid rgba(0,0,0,.12);font-size:.85rem;padding:.6rem 1.6rem}.btn--stop:hover{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.3);color:#dc3545}@media (max-width:480px){.avatar-canvas{width:300px;height:300px}.title{font-size:.85rem}.transcript{max-height:150px}}.transcript::-webkit-scrollbar{width:4px}.transcript::-webkit-scrollbar-track{background:transparent}.transcript::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}.phone-desktop-bg,.phone-frame{width:100%;min-height:100vh}.phone-frame{position:relative}.phone-notch{display:none}.phone-screen{width:100%;min-height:100vh;position:relative}@media (min-width:500px){.phone-desktop-bg{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f0f1f5;padding:24px 0}.phone-frame{width:402px;height:874px;min-height:auto;border-radius:50px;background:#000;padding:12px;box-shadow:0 0 0 2px #333,0 0 0 5px #1a1a1a,0 40px 80px rgba(0,0,0,.18),inset 0 0 3px rgba(255,255,255,.05);position:relative;flex-shrink:0}.phone-notch{display:block;position:absolute;top:12px;left:50%;transform:translateX(-50%);width:126px;height:34px;background:#000;border-radius:0 0 20px 20px;z-index:100}.phone-notch:after{content:"";position:absolute;right:24px;top:10px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a2a3a,#111);box-shadow:inset 0 0 2px rgba(255,255,255,.1)}.phone-screen{width:100%;height:100%;min-height:auto;border-radius:40px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:#ffffff;position:relative;transform:translateZ(0)}.phone-screen .davidv2,.phone-screen>div{min-height:100%!important}.phone-screen>div{position:static!important}.phone-screen .page-transition,.phone-screen .page-transition--enter{transform:none!important}.phone-screen .davidv2-input-bar,.phone-screen .davidv2-mic-zone{position:absolute;bottom:96px;left:0;right:0}.phone-screen .accueil-nav{position:sticky;bottom:18px}.phone-screen::-webkit-scrollbar{display:none}.phone-screen .davidv2--chat .davidv2-chat{max-height:360px}.phone-screen{background:linear-gradient(180deg,#ffffff 40%,#eefcfa)}.phone-frame:before{right:-3px;top:180px;height:60px;border-radius:0 3px 3px 0}.phone-frame:after,.phone-frame:before{content:"";position:absolute;width:3px;background:#333}.phone-frame:after{left:-3px;top:160px;height:35px;border-radius:3px 0 0 3px;box-shadow:0 50px 0 #333}}