*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;background-color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}@media (max-width:768px){html{font-size:14px}body{overflow-x:hidden;position:fixed;width:100%;height:100%}button,input,select,textarea{font-size:16px}}@media (min-width:769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#059669}}@media (max-width:768px){::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:#10b981;border-radius:2px}}.device-vivo{-webkit-tap-highlight-color:transparent}.device-vivo .clickable,.device-vivo [role=button],.device-vivo button{cursor:pointer;touch-action:manipulation}.device-vivo input,.device-vivo textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.device-oppo{-webkit-tap-highlight-color:transparent}.device-oppo .clickable,.device-oppo [role=button],.device-oppo button{cursor:pointer;touch-action:manipulation}.device-oppo input,.device-oppo textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.device-huawei{-webkit-tap-highlight-color:transparent}.device-huawei .clickable,.device-huawei button{cursor:pointer;touch-action:manipulation}.device-xiaomi{-webkit-tap-highlight-color:transparent}.device-xiaomi .clickable,.device-xiaomi button{cursor:pointer;touch-action:manipulation}.device-samsung{-webkit-tap-highlight-color:transparent}.device-samsung .clickable,.device-samsung button{cursor:pointer;touch-action:manipulation}.device-android{-webkit-tap-highlight-color:transparent}.device-android .clickable,.device-android button{cursor:pointer;touch-action:manipulation}.device-apple{-webkit-tap-highlight-color:transparent}@media (max-width:768px){.btn,.chat-input,button,input,textarea{font-size:13px!important}input,textarea{padding:6px 10px!important}.btn,button{padding:4px 10px!important}.chat-message{font-size:13px!important}.metric-card{font-size:12px!important}.metric-value{font-size:16px!important}.clickable,[role=button],a,button{touch-action:manipulation;cursor:pointer}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}*{-webkit-tap-highlight-color:transparent}button:active{opacity:.7;transform:scale(.98);transition:all .05s ease}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.full-safe-area{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-2,.text-ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-ellipsis-3{-webkit-line-clamp:3}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}*{-webkit-tap-highlight-color:transparent}@media (max-width:768px){.mobile-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{padding:12px 16px!important}.compare-panel{width:100%!important;min-height:180px}.dashboard-grid{gap:8px!important}.dashboard-grid>div{padding:10px 8px!important}.dashboard-grid .value,.score-value{font-size:24px!important}.chat-message{max-width:85%!important;font-size:14px!important;padding:8px 12px!important}.chat-input-area{padding-bottom:env(safe-area-inset-bottom,12px)!important}.voice-button,button[style*="border-radius: 50%"]{width:44px!important;height:44px!important;font-size:18px!important}.send-button{padding:8px 18px!important;font-size:14px!important}.chat-input{font-size:16px!important;padding:10px 14px!important}.health-card{padding:10px 8px!important}.advice-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.advice-card{display:inline-block;width:160px;margin-right:10px;white-space:normal;vertical-align:top}}@media (max-width:380px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.dashboard-grid .label{font-size:10px!important}.dashboard-grid .value{font-size:20px!important}.chat-message{max-width:90%!important;font-size:13px!important}.chat-message .content{padding:6px 10px!important}}@media (max-width:896px) and (orientation:landscape){.dashboard-header{padding:8px 16px!important}.compare-panel{min-height:120px!important}.dashboard-content{flex-direction:row!important}.chat-container{max-height:40vh!important}}:root{--bg-dark:#0f172a;--bg-card:#1e293b;--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--danger:#ef4444;--warning:#f59e0b;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.05)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:#10b981;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#34d399}@keyframes float{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%{box-shadow:0 0 5px rgba(16,185,129,.3)}50%{box-shadow:0 0 20px rgba(16,185,129,.6)}to{box-shadow:0 0 5px rgba(16,185,129,.3)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.img-fit{object-fit:contain}.img-cover,.img-fit{width:100%;height:100%}.img-cover{object-fit:cover}.compare-container{position:relative;width:100%;height:100%;overflow:hidden}@media (min-width:769px){.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.loading-dots:after{content:"...";animation:dots 1.5s steps(4) infinite;display:inline-block;width:24px;text-align:left}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}