*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";font-weight:400;letter-spacing:-.011em;text-rendering:optimizeLegibility;background:radial-gradient(ellipse at 20% 0%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(255,119,168,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(74,222,222,.1) 0%,transparent 50%),linear-gradient(180deg,#f8fafc,#e2e8f0);min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.liquid-glass{background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff6;transition:all .3s ease}.liquid-glass:hover{transform:translateY(-2px);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.glass-sidebar{background:#fff3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}.glass-button{background:#ffffff40!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35)!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014,inset 0 1px #fff9;transition:all .3s ease!important}.glass-button:hover{background:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 16px #0000001f,inset 0 1px #fffc}.glass-card{background:#fff3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff80;transition:all .3s ease}.glass-input{background:#ffffff40;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -4px 24px #0000000f,inset 0 1px #ffffff80}.glass-textarea{background:#fff6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4)!important;border-radius:12px!important;box-shadow:inset 0 2px 4px #0000000a;transition:all .3s ease!important}.glass-textarea:focus{background:#fff9!important;border-color:#3b82f680!important;box-shadow:0 0 0 3px #3b82f626,inset 0 2px 4px #00000005!important}.message-user{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:18px 18px 4px;box-shadow:0 4px 16px #3b82f64d;color:#fff!important}.message-user *{color:#fff!important}.message-assistant{background:#ffffff40;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff80}.conversation-item{border-radius:12px;transition:all .2s ease;border:1px solid rgba(255,255,255,0)}.conversation-item:hover{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.conversation-item.active{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 12px #0000000f,inset 0 1px #ffffff80}.chat-area{background:transparent;position:relative}.chat-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0d;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.markdown-content{line-height:1.6}.markdown-content p:last-child{margin-bottom:0}.markdown-content pre{margin:0}.markdown-content code{font-family:SF Mono,Fira Code,Consolas,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.mobile-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;max-width:85vw;z-index:50;transform:translate(-100%);transition:transform .3s ease}.mobile-sidebar.open{transform:translate(0)}.mobile-header{display:none;position:sticky;top:0;z-index:30;padding:12px 16px;background:#fff3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.25)}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:all .2s ease}.hamburger-btn:hover{background:#fff6}.hamburger-btn:active{transform:scale(.95)}.desktop-sidebar{display:flex}.sidebar-close-btn{display:none;position:absolute;top:12px;right:12px;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:#0000000d;cursor:pointer;transition:all .2s ease;z-index:10}.sidebar-close-btn:hover{background:#0000001a}@media (max-width: 768px){.desktop-sidebar{display:none!important}.mobile-header{display:flex;align-items:center;gap:12px}.sidebar-close-btn{display:flex}.glass-input{padding:12px}.message-user,.message-assistant{max-width:90%!important}.chat-area>div:first-child{padding-left:12px;padding-right:12px}.liquid-glass{border-radius:12px;margin:8px}.auth-container{padding:16px!important}.pin-input-mobile{gap:6px}}@media (max-width: 480px){.liquid-glass{padding:16px!important}.pin-input-mobile input{width:40px!important;height:48px!important;font-size:18px!important}}@media (hover: none) and (pointer: coarse){.conversation-item .chakra-button-group,.conversation-item [role=group]>div:last-child{opacity:1!important}.conversation-item{min-height:48px}.liquid-glass:hover,.glass-button:hover{transform:none}}input,textarea,select{font-size:16px!important}@supports (-webkit-touch-callout: none){.glass-input{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.hamburger-btn,.sidebar-close-btn,.conversation-item{-webkit-user-select:none;user-select:none}.conversation-item,[data-overlayscrollbars]{-webkit-overflow-scrolling:touch}
