.dragon-selector{display:inline-block;position:relative}.dragon-selector__trigger{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font:inherit;border-radius:.375rem;align-items:center;gap:.5rem;min-width:12rem;padding:.4rem .75rem;display:inline-flex}.dragon-selector__trigger:disabled{opacity:.5;cursor:not-allowed}.dragon-selector__dropdown{background:var(--color-bg);border:1px solid var(--color-border);z-index:10;border-radius:.375rem;min-width:100%;margin-top:.25rem;padding:.25rem 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.dragon-selector__item{cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--color-text);background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.dragon-selector__item:hover{background:var(--color-surface-hover)}.dragon-selector__item--selected{background:var(--color-surface)}.dragon-selector__swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:.85rem;height:.85rem;display:inline-block}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.typing-indicator__dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-indicator__dot:first-child{animation-delay:0s}.typing-indicator__dot:nth-child(2){animation-delay:.16s}.typing-indicator__dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.message__footer{align-items:center;gap:.5rem;display:flex}.message-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.message-list-empty{text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.95rem}.message{border-radius:var(--radius);flex-direction:column;gap:.25rem;max-width:85%;padding:.75rem 1rem;display:flex}.message--user{background:#1f6feb33;border:1px solid #1f6feb66;align-self:flex-end}.message--assistant{background:#388bfd1f;border:1px solid #388bfd4d;align-self:flex-start}.message__role{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.message__content{word-break:break-word}.message__content p{margin:0 0 .5rem}.message__content p:last-child{margin-bottom:0}.message__content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;margin:.5rem 0;padding:.75rem 1rem;overflow-x:auto}.message__content code{background:#0000004d;border-radius:3px;padding:.15em .4em;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.875em}.message__content pre code{background:0 0;border-radius:0;padding:0;font-size:.875rem}.message__content ul,.message__content ol{margin:.25rem 0 .5rem;padding-left:1.5rem}.message__content li{margin-bottom:.2rem}.message__content strong{font-weight:700}.message__content em{font-style:italic}.message__content table{border-collapse:collapse;width:100%;margin:.5rem 0}.message__content th,.message__content td{text-align:left;border:1px solid #ffffff26;padding:.4rem .75rem}.message__content th{background:#0000004d;font-weight:600}.message__content tr:nth-child(2n){background:#0000001a}.message__time{color:var(--color-text-muted);font-size:.7rem}.message__copy-btn{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;line-height:1;transition:opacity .15s,color .15s;display:inline-flex}.message:hover .message__copy-btn{opacity:1}.message__copy-btn:hover{color:var(--color-text);background:#ffffff14}.chat-input{border-top:1px solid var(--color-border);background:var(--color-surface);gap:.5rem;padding:1rem;display:flex}.chat-input textarea{min-height:44px;max-height:15rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);resize:none;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;overflow-y:auto}.chat-input textarea::placeholder{color:var(--color-text-muted)}.chat-input textarea:focus{border-color:var(--color-accent);outline:none}.chat-input textarea:disabled{opacity:.6;cursor:not-allowed}.chat-input button{color:#fff;background:var(--color-accent);border-radius:var(--radius);cursor:pointer;border:none;padding:.6rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s}.chat-input button:hover:not(:disabled){background:var(--color-accent-hover)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.dragon-orb{top:var(--orb-top,50%);left:var(--orb-left,auto);right:var(--orb-right,calc((100vw - 720px) / 4));width:var(--orb-size,6rem);height:var(--orb-size,6rem);background:radial-gradient(circle at 35% 35%, #fff9 0%, var(--orb-color) 40%, color-mix(in srgb, var(--orb-color) 50%, black) 100%);box-shadow:0 0 40px 12px color-mix(in srgb, var(--orb-color) 40%, transparent), 0 0 80px 30px color-mix(in srgb, var(--orb-color) 20%, transparent);animation:4s ease-in-out infinite orb-float,7s ease-in-out infinite orb-drift,5s ease-in-out infinite orb-pulse;animation-delay:var(--orb-delay,0s);pointer-events:none;opacity:0;border-radius:50%;transition:opacity .4s;position:fixed}.dragon-orb--visible{opacity:1}.dragon-orb--positioned{right:auto;transform:none}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}@keyframes orb-drift{0%,to{margin-left:0}30%{margin-left:12px}70%{margin-left:-10px}}@keyframes orb-pulse{0%,to{scale:1}50%{scale:1.06}}@media (width<=960px){.dragon-orb:not(.dragon-orb--positioned){display:none}}:root{--color-bg:#0f1419;--color-surface:#1a2332;--color-surface-hover:#243044;--color-border:#2d3a4d;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-accent:#58a6ff;--color-accent-hover:#79b8ff;--color-user-msg:#1f6feb;--color-dragon-msg:#388bfd;--color-error:#f85149;--radius:8px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px}#root{height:100%}.app{flex-direction:column;max-width:720px;height:100%;margin:0 auto;display:flex}.app__header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:1rem 1.25rem}.app__header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.app__header h1{margin:0;font-size:1.25rem;font-weight:600}.app__header-user{align-items:center;gap:.75rem;display:flex}.app__username{color:var(--color-text-muted);font-size:.9rem}.app__selectors{flex-wrap:wrap;gap:1rem;display:flex}.app__loading,.app__placeholder{text-align:center;color:var(--color-text-muted);padding:2rem}.app__error{color:var(--color-error);border-radius:var(--radius);background:#f8514926;margin:0 1rem;padding:.75rem 1rem;font-size:.9rem}.app__main{flex-direction:column;flex:1;min-height:0;display:flex}.app__messages{flex:1;padding:1rem;overflow-y:auto}.dragon-selector,.user-selector{flex-direction:column;gap:.25rem;display:flex}.dragon-selector label,.user-selector label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.dragon-selector select,.user-selector select{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.dragon-selector select:hover,.user-selector select:hover{border-color:var(--color-accent)}.dragon-selector select:disabled,.user-selector select:disabled{opacity:.6;cursor:not-allowed}.login-screen{background:var(--color-bg);justify-content:center;align-items:center;height:100%;display:flex}.login-card{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:380px;padding:2.5rem 2rem;position:relative}.login-card__title{text-align:center;margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.login-card__subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 1.75rem;font-size:.95rem}.login-card__error{color:var(--color-error);border-radius:var(--radius);background:#f8514926;margin-bottom:1.25rem;padding:.65rem .9rem;font-size:.9rem}.login-form{flex-direction:column;gap:1.1rem;display:flex}.login-form__field{flex-direction:column;gap:.4rem;display:flex}.login-form__field label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.login-form__field input{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .85rem;font-family:inherit;font-size:.95rem}.login-form__field input::placeholder{color:var(--color-text-muted)}.login-form__field input:focus{border-color:var(--color-accent);outline:none}.login-form__field input:disabled{opacity:.6}.login-form__submit{color:#fff;background:var(--color-accent);border-radius:var(--radius);cursor:pointer;border:none;margin-top:.5rem;padding:.7rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s}.login-form__submit:hover:not(:disabled){background:var(--color-accent-hover)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__toggle{text-align:center;color:var(--color-text-muted);margin:1.25rem 0 0;font-size:.9rem}.login-card__toggle button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login-card__toggle button:hover{text-decoration:underline}.app__logout{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.app__logout:hover{color:var(--color-text);border-color:var(--color-text-muted)}