*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: rgba(4, 158, 2, .9);--green-dim: rgba(4, 158, 2, .4);--green-glow: rgba(4, 158, 2, .15);--white-85: rgba(255, 255, 255, .93);--white-50: rgba(255, 255, 255, .65);--white-12: rgba(255, 255, 255, .18);--white-06: rgba(255, 255, 255, .1);--white-04: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .15);--font-mono: "Courier New", Courier, monospace;font-family:var(--font-mono);line-height:1.5;font-weight:400;color:var(--white-85);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:none}body{margin:0;min-width:320px;min-height:100vh;background-image:url(/darkknight.jpg);background-size:cover;background-position:center;background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:3px;border:1px solid var(--white-12);padding:.5em 1.1em;font-size:.85rem;font-weight:500;font-family:var(--font-mono);background-color:var(--white-04);color:var(--white-85);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;letter-spacing:.06em}button:hover{background-color:var(--white-06);border-color:var(--green);box-shadow:0 0 8px var(--green-glow)}button:focus-visible{outline:1px solid var(--green-dim);outline-offset:2px}*{scrollbar-width:none}::-webkit-scrollbar{display:none}#root{width:100%;height:100vh}.app{width:100%;height:100vh;display:flex;flex-direction:column}.container{display:flex;width:92%;height:96%;border:1px solid var(--white-12);background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;border-radius:2px;box-shadow:0 8px 32px #00000080}.left-container{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:#0000001f}.right-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.right-container .chat-output{flex:1;overflow-y:auto}.right-container .input-container{flex-shrink:0}.input-container{display:flex;align-items:flex-end;gap:.6rem;padding:.85rem 1.25rem;background:#00000047;border-top:1px solid var(--border);box-sizing:border-box;transition:border-color .2s;height:250px}.input-container:focus-within{border-top-color:var(--green-dim)}.prompt-symbol{color:var(--green);font-family:var(--font-mono);font-size:.9rem;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-bottom:.2rem;text-shadow:0 0 6px var(--green-dim)}.terminal-input{flex:1;min-height:2.4rem;max-height:10rem;background:none;border:none;outline:none;color:var(--white-85);font-family:var(--font-mono);font-size:.875rem;caret-color:var(--green);resize:none;line-height:1.6;letter-spacing:.02em;overflow-y:auto;padding:.2rem 0}.terminal-input::placeholder{color:#ffffffbd;font-weight:500;font-style:italic}.send-hint{font-family:var(--font-mono);font-size:.65rem;color:#ffffffc8;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;padding-bottom:.25rem;transition:color .15s}.input-container:focus-within .send-hint{color:var(--green-dim)}.chat-output{display:flex;flex-direction:column;padding:1.5rem 1.75rem;gap:1rem;font-family:var(--font-mono);font-size:.875rem;overflow-y:auto}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message{max-width:70%;padding:.6rem 1rem;line-height:1.6;letter-spacing:.01em;border-radius:2px;animation:msg-in .15s ease-out}.message.user{align-self:flex-start;background:#ffffff1a;border-left:2px solid rgba(255,255,255,.2);color:var(--white-85);box-shadow:0 1px 4px #0000004d}.message.assistant{align-self:flex-end;background:#04640280;border-right:2px solid var(--green-dim);color:#ffffffeb;box-shadow:0 1px 8px #049e0214}.message.assistant.streaming:after{content:"▋";color:var(--green);animation:blink .8s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff26;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.chat-page{display:flex;flex-direction:column;height:100vh;width:100vw}.chat-main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem;overflow:hidden}.home-page{flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:6vh}.login-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 2.5rem;background:#00000080;border:1px solid var(--white-12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:2px;box-shadow:0 0 40px #0009,inset 0 1px #ffffff0d;position:relative}.login-container:before,.login-container:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--green);border-style:solid}.login-container:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.login-container:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.welcome-title{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--white-85);text-shadow:0 0 20px rgba(255,255,255,.15)}.welcome-title span{color:var(--green);text-shadow:0 0 12px var(--green-dim)}.login-container button{background:transparent;border:1px solid var(--green-dim);color:var(--green);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem 1.5rem;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s;border-radius:2px}.login-container button:hover{background:var(--green-glow);box-shadow:0 0 16px var(--green-dim),inset 0 0 8px var(--green-glow);color:#04dc02;border-color:var(--green)}.music-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:var(--font-mono);color:var(--white-50);gap:1.5rem}.music-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--green-dim)}.video-container{border:1px solid var(--white-12);border-radius:2px;overflow:hidden;box-shadow:0 8px 32px #00000080;transition:border-color .2s,box-shadow .2s}.video-container:hover{border-color:var(--green-dim);box-shadow:0 8px 32px #00000080,0 0 20px var(--green-glow)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;border-bottom:1px solid var(--border);background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:.8rem;flex-shrink:0;position:relative;z-index:10}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green-dim),transparent);pointer-events:none}.navbar-links{display:flex;gap:.35rem;align-items:center}.navbar a{background:transparent;border:1px solid transparent;color:var(--white-50);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.07em;padding:.4rem .8rem;cursor:pointer;text-decoration:none;border-radius:2px;transition:color .15s,border-color .15s,background .15s,text-shadow .15s;display:inline-block;text-transform:uppercase}.navbar a:hover{color:var(--white-85);border-color:var(--white-12);background:var(--white-04)}.navbar a.active{color:var(--green);border-color:var(--green-dim);background:var(--green-glow);text-shadow:0 0 8px var(--green-dim)}.navbar-profile{margin-left:auto}.navbar-profile a{border:1px solid var(--white-12)!important}.navbar-profile a:hover{border-color:var(--green)!important;box-shadow:0 0 6px var(--green-glow)}