#chat-bg{background-image:url(https://media.luci-studio.com/Chat-Background-16-9.jpg);background-size:cover;background-position:bottom center;background-repeat:no-repeat}@media(max-width:768px){#chat-bg{background-image:url(https://media.luci-studio.com/Chat-Background.jpg)}}@media(min-width:769px){#chat-vignette{background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.7) 100%),linear-gradient(to bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 25%,transparent 50%,transparent 75%,rgba(0,0,0,.55) 100%)}}.msg{display:flex}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start}.msg-bubble{max-width:min(78%,580px);min-width:160px;padding:.65rem .95rem;border-radius:16px;font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.msg-assistant .msg-bubble{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-bottom-left-radius:4px}.msg-user .msg-bubble{background:linear-gradient(135deg,#8b5cf6eb,#6366f1eb);color:#fff;border-bottom-right-radius:4px}.msg-bubble code{background:#00000059;padding:.1em .35em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em}.msg-bubble pre{background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem 1rem;overflow-x:auto;font-size:.84em;margin:.4em 0}.msg-bubble pre code{background:none;padding:0}.msg-bubble a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px}.msg-bubble strong{color:inherit}.msg-copy{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:500;font-family:inherit;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;padding:.2rem .45rem;border-radius:5px;transition:color .15s,background .15s;line-height:1}.msg-copy:hover{color:var(--text-secondary);background:#ffffff12}body.light-mode .msg-copy:hover{background:#0000000f}.msg-copy.copied{color:#4ade80e6}.msg-tokens{font-size:.65rem;color:var(--text-tertiary);opacity:.7;user-select:none}.msg-footer{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.08)}body.light-mode .msg-footer{border-top-color:#00000014}body.light-mode .msg-tokens{color:var(--text-tertiary);opacity:1}body.light-mode .msg-copy{color:var(--text-tertiary)}.msg-bubble .token.keyword,.msg-bubble .token.rule{color:#c084fc;font-style:normal}.msg-bubble .token.string,.msg-bubble .token.attr-value{color:#86efac}.msg-bubble .token.comment{color:#64748b;font-style:italic}.msg-bubble .token.function{color:#7dd3fc}.msg-bubble .token.number,.msg-bubble .token.boolean{color:#fb923c}.msg-bubble .token.class-name,.msg-bubble .token.type{color:#f0abfc}.msg-bubble .token.operator{color:#a78bfa}.msg-bubble .token.punctuation{color:#94a3b8}.msg-bubble .token.builtin{color:#7dd3fc}.msg-bubble .token.property,.msg-bubble .token.attr-name{color:#93c5fd}.msg-bubble .token.tag{color:#c084fc}.msg-bubble .token.selector{color:#f0abfc}.msg-bubble .token.variable{color:#e2e8f0}body.light-mode .msg-bubble .token.keyword,body.light-mode .msg-bubble .token.rule{color:#7c3aed}body.light-mode .msg-bubble .token.string,body.light-mode .msg-bubble .token.attr-value{color:#15803d}body.light-mode .msg-bubble .token.comment{color:#94a3b8;font-style:italic}body.light-mode .msg-bubble .token.function{color:#0369a1}body.light-mode .msg-bubble .token.number,body.light-mode .msg-bubble .token.boolean{color:#c2410c}body.light-mode .msg-bubble .token.class-name,body.light-mode .msg-bubble .token.type{color:#9333ea}body.light-mode .msg-bubble .token.operator{color:#6d28d9}body.light-mode .msg-bubble .token.punctuation{color:#64748b}body.light-mode .msg-bubble .token.builtin{color:#0369a1}body.light-mode .msg-bubble .token.property,body.light-mode .msg-bubble .token.attr-name{color:#1d4ed8}body.light-mode .msg-bubble .token.tag{color:#7c3aed}body.light-mode .msg-bubble .token.selector{color:#9333ea}body.light-mode .msg-bubble .token.variable{color:#1e293b}body.light-mode .msg-assistant .msg-bubble{background:#ffffffe0}body.light-mode .msg-bubble pre{background:#0000000f;border-color:#0000001a}.luci-typing{display:inline-flex;gap:5px;align-items:center;padding:2px 0}.luci-typing span{width:7px;height:7px;border-radius:9999px;background:var(--text-secondary);opacity:.4;animation:luci-dot 1.2s infinite ease-in-out}.luci-typing span:nth-child(2){animation-delay:.15s}.luci-typing span:nth-child(3){animation-delay:.3s}@keyframes luci-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}#chat-input:focus{border-color:#8b5cf68c!important;background:#ffffff0f!important}#chat-send:hover{transform:scale(1.06)}#chat-send:disabled{opacity:.45;cursor:not-allowed;transform:none!important}#chat-form:focus-within{border-color:#8b5cf6a6;box-shadow:0 8px 40px #0000004d,0 0 0 3px #8b5cf61f,0 1px #ffffff0d inset}body.light-mode #chat-input{color:#111827!important}body.light-mode #chat-form{border-color:#8b5cf666;box-shadow:0 8px 40px #0000001f,0 0 0 1px #8b5cf61a,0 1px #fffc inset}#cfg-model-bar option{background:var(--bg-card);color:var(--text-primary)}body.light-mode #chat-form:focus-within{border-color:#8b5cf6b3;box-shadow:0 8px 40px #0000001f,0 0 0 3px #8b5cf626,0 1px #fffc inset}.cfg-section{display:flex;flex-direction:column;gap:1rem;background:#0c0c0ccb;border:1px solid var(--border-color);border-radius:10px;padding:.85rem .9rem}.cfg-section .cfg-group+.cfg-group{padding-top:.85rem;border-top:1px solid var(--border-color)}.cfg-section-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}body.light-mode .cfg-section{background:#fffc}.cfg-group{display:flex;flex-direction:column;gap:.65rem}.cfg-label-row{display:flex;align-items:center;justify-content:space-between}.cfg-label{font-size:.78rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.3rem}.cfg-info{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:default;flex-shrink:0;transition:color .15s ease}.cfg-info:hover{color:#8b5cf6cc}#cfg-tooltip{position:fixed;width:200px;background:#0f0f14f7;color:#e5e7eb;font-size:.7rem;font-weight:400;line-height:1.45;padding:.4rem .6rem;border-radius:7px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0006;pointer-events:none;white-space:normal;text-align:left;z-index:9999;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}#cfg-tooltip.visible{opacity:1;visibility:visible}body.light-mode #cfg-tooltip{background:#191923f7;border-color:#0000002e}.cfg-val{font-size:.72rem;font-weight:600;color:#8b5cf6e6;background:#8b5cf61a;border-radius:4px;padding:.1em .4em;min-width:2.5rem;text-align:center}.cfg-hint{font-size:.7rem;color:var(--text-tertiary);line-height:1.3}.cfg-select{width:100%;padding:.45rem .65rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-primary);font-family:inherit;font-size:.82rem;outline:none;cursor:pointer;transition:border-color .15s ease}.cfg-select:focus{border-color:#8b5cf680}.cfg-range{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:9999px;outline:none;cursor:pointer;accent-color:rgba(139,92,246,.9)}.cfg-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:9999px;background:#fff;border:2px solid rgba(139,92,246,.9);cursor:pointer}.cfg-range::-moz-range-thumb{width:14px;height:14px;border-radius:9999px;background:#fff;border:2px solid rgba(139,92,246,.9);cursor:pointer}body.light-mode .cfg-select{background:#00000008}body.light-mode .cfg-range{background:#0000001f}#config-panel{background:#0a0a0f80}#chat-page header{background:#0a0a0f80}body.light-mode #config-panel,html.light-mode #config-panel{background:#ffffffe0}body.light-mode #chat-page header,html.light-mode #chat-page header{background:#ffffffe0}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-track{background:transparent}#chat-messages::-webkit-scrollbar-thumb{background:#8b5cf673;border-radius:9999px}#chat-messages::-webkit-scrollbar-thumb:hover{background:#8b5cf6bf}#chat-messages{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.45) transparent}body.light-mode nav{background:#fffffff2!important}@media(max-width:768px){#config-panel{display:none!important}#chat-messages{margin-left:0!important;padding-left:1rem!important;padding-right:1rem!important}#chat-form,#chat-login{left:0!important;width:calc(100vw - 2rem)!important}}