@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8f9fa;--panel-bg:#ffffffd9;--text-color:#212529;--text-muted:#6c757d;--primary-color:#4361ee;--primary-hover:#3a0ca3;--message-sent-bg:#4361ee;--message-sent-text:#fff;--message-received-bg:#fff;--message-received-text:#212529;--border-color:#e9ecef;--glass-shadow:0 8px 32px 0 #1f26870d;--glass-border:1px solid #ffffff2e;--error-color:#ef233c;--success-color:#2a9d8f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius:16px;--transition:all .25s cubic-bezier(.25, .8, .25, 1)}[data-theme=dark]{--bg-color:#121212;--panel-bg:#1e1e1eb3;--text-color:#e0e0e0;--text-muted:#9e9e9e;--primary-color:#6c63ff;--primary-hover:#5a52d5;--message-sent-bg:#6c63ff;--message-sent-text:#fff;--message-received-bg:#2d2d2d;--message-received-text:#e0e0e0;--border-color:#333;--glass-shadow:0 8px 32px 0 #0000004d;--glass-border:1px solid #ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;transition:var(--transition);width:100%;height:100%;min-height:100dvh;line-height:1.6;position:fixed;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.slide-in{animation:.3s ease-out forwards slideInRight}input,textarea,button,select{font-family:inherit;font-size:1rem}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-color);transition:var(--transition);background-color:#0000;border-radius:8px;padding:12px 16px}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee26}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4361ee4d}.btn-icon{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:inline-flex}.btn-icon:hover{background-color:var(--border-color);color:var(--primary-color)}.app-container{width:100%;min-width:0;max-width:1600px;height:100dvh;margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-direction:column;width:320px;height:100%;display:flex}.main-chat{background-color:#0000;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-bg{z-index:-1;opacity:.4;background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-controls{display:none}@media (width<=768px){.sidebar{display:none}.mobile-controls{align-items:center;gap:4px;display:flex}.desktop-only{display:none}}.dice-scene{perspective:400px;width:50px;height:50px;margin:8px 16px}.dice-cube{width:50px;height:50px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateZ(-25px)}.dice-cube.rolling{animation:1.5s linear infinite roll}@keyframes roll{0%{transform:translateZ(-25px)rotateX(0)rotateY(0)rotate(0)}25%{transform:translateZ(-25px)rotateX(180deg)rotateY(90deg)rotate(45deg)}50%{transform:translateZ(-25px)rotateX(360deg)rotateY(180deg)rotate(90deg)}75%{transform:translateZ(-25px)rotateX(540deg)rotateY(270deg)rotate(135deg)}to{transform:translateZ(-25px)rotateX(720deg)rotateY(360deg)rotate(180deg)}}.dice-face{box-sizing:border-box;background:#fff;border:2px solid #ddd;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:50px;height:50px;padding:8px;display:grid;position:absolute;box-shadow:inset 0 0 15px #0000001a}.dice-face.front{transform:rotateY(0)translateZ(25px)}.dice-face.back{transform:rotateY(180deg)translateZ(25px)}.dice-face.right{transform:rotateY(90deg)translateZ(25px)}.dice-face.left{transform:rotateY(-90deg)translateZ(25px)}.dice-face.top{transform:rotateX(90deg)translateZ(25px)}.dice-face.bottom{transform:rotateX(-90deg)translateZ(25px)}.dot{background:#333;border-radius:50%;place-self:center;width:8px;height:8px}.dice-face.face-1 .dot{background:#e74c3c;width:10px;height:10px}.face-1 .dot:first-child{grid-area:2/2}.face-2 .dot:first-child{grid-area:1/3}.face-2 .dot:nth-child(2){grid-area:3/1}.face-3 .dot:first-child{grid-area:1/3}.face-3 .dot:nth-child(2){grid-area:2/2}.face-3 .dot:nth-child(3){grid-area:3/1}.face-4 .dot:first-child{grid-area:1/1}.face-4 .dot:nth-child(2){grid-area:1/3}.face-4 .dot:nth-child(3){grid-area:3/1}.face-4 .dot:nth-child(4){grid-area:3/3}.face-5 .dot:first-child{grid-area:1/1}.face-5 .dot:nth-child(2){grid-area:1/3}.face-5 .dot:nth-child(3){grid-area:2/2}.face-5 .dot:nth-child(4){grid-area:3/1}.face-5 .dot:nth-child(5){grid-area:3/3}.face-6 .dot:first-child{grid-area:1/1}.face-6 .dot:nth-child(2){grid-area:1/3}.face-6 .dot:nth-child(3){grid-area:2/1}.face-6 .dot:nth-child(4){grid-area:2/3}.face-6 .dot:nth-child(5){grid-area:3/1}.face-6 .dot:nth-child(6){grid-area:3/3}.lock-screen{background:#070b1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.aurora-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.aurora-layer{mix-blend-mode:screen;filter:blur(80px);opacity:0;border-radius:40%;width:200%;height:200%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:-50%;left:-50%}.aurora-1{background:radial-gradient(at 30%,#00c8b459 0%,#0000 60%);animation:8s ease-in-out infinite alternate aurora-drift-1}.aurora-2{background:radial-gradient(at 70% 40%,#7850dc4d 0%,#0000 55%);animation:10s ease-in-out infinite alternate aurora-drift-2}.aurora-3{background:radial-gradient(at 50% 60%,#32dc7840 0%,#0000 50%);animation:12s ease-in-out infinite alternate aurora-drift-3}.aurora-4{background:radial-gradient(at 60% 30%,#c864ff33 0%,#0000 50%);animation:14s ease-in-out infinite alternate aurora-drift-4}.aurora-stars{background-image:radial-gradient(1px 1px at 10% 20%,#ffffffb3 50%,#0000 50%),radial-gradient(1px 1px at 25% 55%,#ffffff80 50%,#0000 50%),radial-gradient(1.5px 1.5px at 40% 15%,#fffc 50%,#0000 50%),radial-gradient(1px 1px at 55% 70%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 70% 30%,#fff9 50%,#0000 50%),radial-gradient(1.5px 1.5px at 85% 60%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 15% 80%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 90% 10%,#fff9 50%,#0000 50%),radial-gradient(1px 1px at 35% 90%,#ffffff4d 50%,#0000 50%),radial-gradient(1.5px 1.5px at 60% 45%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 5%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 78% 85%,#ffffff59 50%,#0000 50%),radial-gradient(1px 1px at 50% 5%,#ffffff8c 50%,#0000 50%),radial-gradient(1px 1px at 95% 45%,#fff6 50%,#0000 50%);background-size:100% 100%;animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes aurora-drift-1{0%{opacity:.5;transform:translateY(5%)rotate(0)scale(1)}25%{opacity:.7}50%{opacity:.6;transform:translate(5%,-5%)rotate(15deg)scale(1.05)}75%{opacity:.8}to{opacity:.55;transform:translate(-3%,3%)rotate(-10deg)scale(.98)}}@keyframes aurora-drift-2{0%{opacity:.4;transform:translate(3%)rotate(0)scale(1.02)}30%{opacity:.65}60%{opacity:.5;transform:translate(-5%,5%)rotate(-20deg)scale(1)}to{opacity:.45;transform:translate(2%,-3%)rotate(10deg)scale(1.04)}}@keyframes aurora-drift-3{0%{opacity:.3;transform:translate(-2%,-3%)rotate(5deg)scale(1)}40%{opacity:.55}70%{opacity:.4;transform:translate(4%,4%)rotate(-15deg)scale(1.06)}to{opacity:.35;transform:translate(-1%,1%)rotate(8deg)scale(.97)}}@keyframes aurora-drift-4{0%{opacity:.25;transform:translate(1%,2%)rotate(-5deg)scale(1.01)}50%{opacity:.5;transform:translate(-3%,-2%)rotate(12deg)scale(1.03)}to{opacity:.3;transform:translate(2%)rotate(-8deg)scale(1)}}@keyframes twinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}