:root{--bg: #0b0a1f;--sec-bg: #16152a;--text: #ffffff;--hint: #807e9c;--border-color: #25243d;--card-radius: 12px;--accent-primary: #4e8ce6;--danger: #ef4444;--success: #3ddc84}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.card{background:var(--sec-bg);border-radius:var(--card-radius);border:1px solid var(--border-color);position:relative;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,p{margin:0}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--accent-primary);color:#fff;padding:14px 20px;border-radius:12px;font-weight:600;width:100%;transition:opacity .2s,transform .1s;text-align:center}.btn-primary:active{opacity:.8;transform:scale(.98)}.custom-checkbox{position:relative;display:inline-block;width:44px;height:24px}.custom-checkbox input{opacity:0;width:0;height:0}.custom-checkbox span{position:absolute;cursor:pointer;inset:0;background-color:var(--sec-bg);border:1px solid var(--border-color);border-radius:24px;transition:.4s}.custom-checkbox span:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}.custom-checkbox input:checked+span{background-color:var(--accent-primary);border-color:var(--accent-primary)}.custom-checkbox input:checked+span:before{transform:translate(20px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.message-bubble[data-sent=false]{animation:slideInLeft .35s cubic-bezier(.2,.8,.2,1) forwards}.message-bubble[data-sent=true]{animation:slideInRight .35s cubic-bezier(.2,.8,.2,1) forwards}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg)}.content-area{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.bottom-nav{display:flex;justify-content:space-around;padding:10px 0;background:var(--bg);border-top:1px solid var(--border-color);padding-bottom:calc(10px + env(safe-area-inset-bottom,15px));flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--hint);font-size:11px;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1);transform:scale(.95)}.nav-item.active{color:var(--text);transform:scale(1)}.nav-item.active svg{color:var(--accent-primary)}.nav-item svg{width:24px;height:24px;transition:color .2s}.header{display:flex;align-items:center;padding:12px 16px;background:var(--bg);position:sticky;top:0;z-index:10}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-left-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--hint);flex:1;gap:12px}.empty-state svg{width:48px;height:48px;opacity:.3}