:root{--gjyl-bg-gradient-start:#0a1929;--gjyl-bg-gradient-end:#001e3c;--gjyl-accent-cyan:#00d4ff;--gjyl-accent-blue:#2196f3;--gjyl-accent-sky:#0ea5e9;--gjyl-accent-teal:#14b8a6;--gjyl-accent-indigo:#6366f1;--gjyl-surface:rgba(255,255,255,0.05);--gjyl-surface-hover:rgba(255,255,255,0.08);--gjyl-surface-active:rgba(255,255,255,0.12);--gjyl-glass:rgba(255,255,255,0.03);--gjyl-text-primary:#ffffff;--gjyl-text-secondary:rgba(255,255,255,0.7);--gjyl-text-muted:rgba(255,255,255,0.5);--gjyl-online:#4ade80;--gjyl-busy:#ef4444;--gjyl-idle:#fbbf24;--gjyl-offline:#6b7280;--gjyl-spacing-xs:0.25rem;--gjyl-spacing-sm:0.5rem;--gjyl-spacing-md:1rem;--gjyl-spacing-lg:1.5rem;--gjyl-spacing-xl:2rem;--gjyl-radius-sm:0.5rem;--gjyl-radius-md:0.75rem;--gjyl-radius-lg:1rem;--gjyl-radius-xl:1.5rem;--gjyl-radius-avatar:0.875rem;--gjyl-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--gjyl-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--gjyl-glow:glow 2s ease-in-out infinite alternate}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%{box-shadow:0 0 10px var(--gjyl-online)}to{box-shadow:0 0 20px var(--gjyl-online),0 0 30px var(--gjyl-online)}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gjyl-app{min-height:100vh;color:var(--gjyl-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.gjyl-glass{background:var(--gjyl-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.gjyl-avatar{position:relative;overflow:hidden}.gjyl-avatar,.gjyl-avatar-online:after{border-radius:var(--gjyl-radius-avatar)}.gjyl-avatar-online:after{content:"";position:absolute;inset:-2px;padding:2px;background:linear-gradient(45deg,var(--gjyl-online),var(--gjyl-accent-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:var(--gjyl-glow)}.gjyl-avatar-busy:after{background:linear-gradient(45deg,var(--gjyl-busy),var(--gjyl-accent-coral))}.gjyl-avatar-idle:after{background:linear-gradient(45deg,var(--gjyl-idle),#fcd34d);animation:var(--gjyl-pulse)}.gjyl-bubble{background:var(--gjyl-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--gjyl-radius-lg);padding:var(--gjyl-spacing-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.3);transition:var(--gjyl-transition)}.gjyl-bubble:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.4)}[data-theme=light]{--gjyl-bg-gradient-start:#e3f2fd;--gjyl-bg-gradient-end:#bbdefb;--gjyl-surface:rgba(33,150,243,0.08);--gjyl-surface-hover:rgba(33,150,243,0.15);--gjyl-surface-active:rgba(33,150,243,0.25);--gjyl-glass:rgba(33,150,243,0.05);--gjyl-text-primary:#0a1929;--gjyl-text-secondary:rgba(10,25,41,0.7);--gjyl-text-muted:rgba(10,25,41,0.5)}.gjyl-btn{background:linear-gradient(135deg,var(--gjyl-accent-blue),var(--gjyl-accent-sky));border:none;border-radius:var(--gjyl-radius-md);padding:var(--gjyl-spacing-sm) var(--gjyl-spacing-lg);color:white;font-weight:600;cursor:pointer;transition:var(--gjyl-transition);position:relative;overflow:hidden}.gjyl-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.gjyl-btn:hover:before{left:100%}.gjyl-btn:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(168,85,247,.4)}.gjyl-card{background:var(--gjyl-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--gjyl-radius-xl);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:var(--gjyl-transition)}.gjyl-card:hover{transform:translateY(-4px);border-color:var(--gjyl-accent-cyan);box-shadow:0 20px 25px -5px rgba(0,212,255,.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gjyl-accent-blue),var(--gjyl-accent-sky));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--gjyl-accent-sky),var(--gjyl-accent-blue))}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 6s ease infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(22,224,255,.5)}50%{box-shadow:0 0 40px rgba(22,224,255,.8)}}@keyframes ring-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.mirror{transform:scaleX(-1)}