:root{--primary-gradient: linear-gradient(135deg, #6e8efb, #a777e3);--bg-primary: #0f0f1b;--bg-secondary: #1a1a2e;--bg-glass: rgba(26, 26, 46, .7);--text-primary: #e0e0ff;--text-secondary: #a0a0c0;--accent: #6e8efb;--user-bubble: #4e54c8;--bot-bubble: #2d2d5a;--input-bg: #252547;--transition-speed: .4s;--glass-blur: blur(16px);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--inner-shadow: inset 0 4px 12px rgba(0, 0, 0, .2)}[data-theme=light]{--primary-gradient: linear-gradient(135deg, #4776E6, #8E54E9);--bg-primary: #f0f2ff;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #2d2d5a;--text-secondary: #6b6b8c;--user-bubble: #4776E6;--bot-bubble: #f0f4ff;--input-bg: #ffffff}*{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(110,142,251,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(167,119,227,.15) 0%,transparent 20%);overflow-x:hidden}@supports (backdrop-filter: blur(16px)){.glass{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.app-layout{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin-bottom:2rem;border-radius:24px;box-shadow:var(--shadow);position:sticky;top:1rem;z-index:100}nav a{color:var(--text-secondary);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:16px;position:relative;overflow:hidden;transition:color .3s ease}.nav-links{display:flex;gap:1.5rem}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}nav a:hover{color:var(--text-primary)}nav a:hover:after{width:100%}nav a.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--inner-shadow)}nav a.active:after{width:100%}.theme-toggle{background:var(--bg-secondary);border:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:var(--inner-shadow);transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.1) rotate(15deg)}.theme-toggle svg{width:24px;height:24px}.sun-core{fill:var(--text-primary);transition:fill var(--transition-speed) ease}.sun-ray{fill:var(--text-primary);opacity:0;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease}[data-theme=light] .sun-ray{opacity:1}.moon-body{fill:var(--text-primary);transform:translate(0);transition:transform var(--transition-speed) ease,fill var(--transition-speed) ease}[data-theme=light] .moon-body{transform:translate(15px)}.moon-crater{fill:var(--bg-secondary);transition:fill var(--transition-speed) ease}.chat-container{display:flex;flex-direction:column;height:70vh;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.chat-header{padding:1.5rem;background:var(--primary-gradient);color:#fff;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px}.chat-window{flex:1;overflow-y:auto;padding:2rem;background:var(--bg-secondary);display:flex;flex-direction:column;gap:1.5rem}.message{max-width:80%;padding:1.25rem 1.5rem;border-radius:24px;position:relative;animation:messageAppear .3s ease-out;line-height:1.6;box-shadow:0 4px 12px #0000001a}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:var(--user-bubble);color:#fff;border-bottom-right-radius:8px}.message.bot{align-self:flex-start;background:var(--bot-bubble);color:var(--text-primary);border-bottom-left-radius:8px}.message:before{content:"";position:absolute;bottom:0;width:24px;height:20px;background:inherit;z-index:-1}.message.user:before{right:0;clip-path:polygon(100% 0,0 0,100% 100%)}.message.bot:before{left:0;clip-path:polygon(0 0,0 100%,100% 0)}.message.loading{width:120px;display:flex;gap:.5rem;padding:1.25rem 1.5rem}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:pulse 1.5s infinite}.loading-dot:nth-child(2){animation-delay:.3s}.loading-dot:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.input-area{display:flex;padding:1.5rem;background:var(--bg-secondary);gap:1rem}.input-area input{flex:1;padding:1rem 1.5rem;border:none;border-radius:24px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;box-shadow:var(--inner-shadow)}.input-area input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.input-area button{padding:1rem 2rem;border:none;background:var(--primary-gradient);color:#fff;border-radius:24px;cursor:pointer;font-weight:600;box-shadow:0 4px 15px #6e8efb4d;position:relative;overflow:hidden;transition:transform .2s ease}.input-area button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(#ffffff1a,#fff0);transform:rotate(30deg);transition:transform .5s ease}.input-area button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6e8efb66}.input-area button:active{transform:translateY(0)}.input-area button:disabled{opacity:.7;cursor:not-allowed;transform:none}.posts-header{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--primary-gradient);color:#fff;border-radius:24px;box-shadow:var(--shadow)}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.post-card{background:var(--bg-secondary);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden;position:relative}.post-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.post-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0003}.post-card:hover:before{transform:scaleX(1)}.post-card h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.post-card p{color:var(--text-secondary);flex:1}.post-card small{color:var(--accent);font-weight:600}.refresh-btn{margin:2rem auto;display:block;padding:1rem 2.5rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:24px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #6e8efb4d;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6e8efb66}@media (max-width: 768px){.chat-container{height:80vh}.message{max-width:90%}.nav-links{gap:.5rem}}