@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#060412;--surface-1:#0e0a1e;--surface-2:#160d2a;--border:#2a1f4a;--border-strong:#3d2d6b;--accent:#7c5cfc;--accent-hover:#6b4ee6;--accent-light:#9b89ff;--pink:#f0a6ca;--cyan:#5bcdee;--mint:#8bea9a;--amber:#f5a623;--red:#ff5c5c;--text-primary:#f0ecf8;--text-secondary:#b8b0d0;--text-muted:#6e6490;--text-inverse:#060412;--bubble-sent:linear-gradient(135deg, #7c5cfc, #9b89ff);--bubble-recv:#160d2a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-avatar:14px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--bg:#060412;--surface:#0e0a1e;--white:#f0ecf8;--muted:#6e6490;--r-full:9999px;--r-lg:16px;--r-md:12px;--r-sm:8px}html{scroll-behavior:smooth;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body{background-color:var(--bg-base);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{-ms-overflow-style:none;scrollbar-width:none}::selection{color:var(--text-primary);background:#7c5cfc40}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted)}.squircle{border-radius:var(--radius-avatar)!important}.surface-1{background:var(--surface-1)}.surface-2{background:var(--surface-2)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.accent{color:var(--accent)}.border-subtle{border:.5px solid var(--border)}.gradient-violet{background:var(--bubble-sent)}.btn-violet{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 20px;font-size:14px;font-weight:500;transition:background .15s}.btn-violet:hover{background:var(--accent-hover)}.btn-violet:active{transform:scale(.98)}.app-container{background:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.nav-rail{background:var(--bg-base);border-right:.5px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:56px;height:100%;padding:12px 0}.nav-rail-item{width:44px;height:46px;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-rail-item:hover{background:var(--surface-1);color:var(--text-secondary)}.nav-rail-item.active{color:var(--accent);background:#7c5cfc26}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.sidebar{border-right:.5px solid var(--border);background:var(--bg-base);flex-direction:column;flex-shrink:0;width:360px;height:100%;display:flex;overflow:hidden}.main-panel{background:var(--bg-base);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.thread-active{border-left:3px solid var(--accent)!important;background:#7c5cfc26!important}@media (max-width:1023px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-padding-bottom{padding-bottom:76px!important}.sidebar{width:100%}}@media (min-width:1024px){.desktop-only{display:flex!important}.mobile-only,.mobile-bottom-nav{display:none!important}.mobile-padding-bottom{padding-bottom:0!important}}