:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;padding:0}.page.theme-light{--bg-page: #f4f4f5;--bg-topbar: #f9fafb;--border-subtle: #e4e4e7;--text-main: #020617;--text-muted: #6b7280;--bg-chat: #ffffff;--bg-bubble: #f9fafb;--border-bubble: #e5e7eb;--input-bg: #ffffff;--input-border: #d4d4d8;--input-text: #020617;--avatar-bg: #e5e7eb;--send-btn-bg: #16a34a;--send-btn-text: #ffffff;--hint-text: #9ca3af}.page.theme-dark{--bg-page: #020617;--bg-topbar: #020617;--border-subtle: #1f2937;--text-main: #e5e7eb;--text-muted: #9ca3af;--bg-chat: #020617;--bg-bubble: #020617;--border-bubble: #1f2937;--input-bg: #020617;--input-border: #374151;--input-text: #e5e7eb;--avatar-bg: #111827;--send-btn-bg: #16a34a;--send-btn-text: #ffffff;--hint-text: #6b7280}.page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-page);color:var(--text-main)}.top-bar{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-topbar)}.top-bar-inner{max-width:960px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-bar-title{font-size:15px;font-weight:600}.top-bar-subtitle{font-size:12px;color:var(--text-muted)}.theme-toggle-btn{border-radius:999px;border:1px solid var(--border-subtle);background:none;color:var(--text-main);padding:4px 10px;font-size:13px;cursor:pointer}.chat-layout{flex:1;display:flex;justify-content:center;padding:16px}.chat-column{width:100%;max-width:960px;display:flex;flex-direction:column;gap:12px}.chat-messages{flex:1;background-color:var(--bg-chat);border-radius:16px;border:1px solid var(--border-subtle);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message-row{display:flex;gap:10px;align-items:flex-start;font-size:14px}.avatar{width:28px;height:28px;border-radius:999px;background-color:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-size:16px}.message-block{flex:1;max-width:100%}.message-meta{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:2px}.message-bubble{background-color:var(--bg-bubble);border-radius:12px;padding:8px 10px;border:1px solid var(--border-bubble);white-space:pre-wrap;word-wrap:break-word}.input-area{position:sticky;bottom:0;padding-top:4px;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--bg-page))}.input-wrapper{display:flex;align-items:flex-end;gap:8px;background-color:var(--input-bg);border-radius:999px;border:1px solid var(--input-border);padding:8px 12px}.input-textarea{flex:1;border:none;resize:none;font-family:inherit;font-size:14px;outline:none;max-height:120px;background-color:transparent;color:var(--input-text)}.input-send-btn{border:none;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:14px;background-color:var(--send-btn-bg);color:var(--send-btn-text);display:flex;align-items:center;justify-content:center}.input-send-btn:disabled{opacity:.5;cursor:default}.input-hint{font-size:11px;color:var(--hint-text);margin-top:4px;padding:0 4px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:999px}.card{border-radius:12px;padding:12px 16px;margin-bottom:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.config-bar{display:flex;gap:16px;flex-wrap:wrap}.config-item{display:flex;flex-direction:column;gap:6px;min-width:220px}.config-label{font-size:.85rem;opacity:.9}.config-select-wrapper{position:relative;display:flex;align-items:center}.config-select-icon{position:absolute;left:10px;pointer-events:none;opacity:.8}.config-select{width:100%;padding:8px 10px 8px 32px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:inherit}.config-select:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 1px #7c5cff66}.config-helper{font-size:.8rem;margin-top:2px;opacity:.85}.config-helper-error{color:#ff6b6b}.primary-btn{padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#7c5cff,#ff6ad5);color:#fff;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.laser-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.laser-beam{position:absolute;top:-20%;width:3px;height:150%;background:linear-gradient(to bottom,#f000,#ff2828,#f000);box-shadow:0 0 8px #ff0000e6,0 0 16px #ff3232cc,0 0 32px #ff0000e6;opacity:.95;transform:translate(-10vw) rotate(45deg);animation:laser-move 2s linear infinite}.laser-beam:nth-child(1){left:5%;animation-duration:1.4s}.laser-beam:nth-child(2){left:15%;animation-duration:2.1s}.laser-beam:nth-child(3){left:25%;animation-duration:1.7s}.laser-beam:nth-child(4){left:35%;animation-duration:2.3s}.laser-beam:nth-child(5){left:45%;animation-duration:1.6s}.laser-beam:nth-child(6){left:55%;animation-duration:1.9s}.laser-beam:nth-child(7){left:65%;animation-duration:2.2s}.laser-beam:nth-child(8){left:75%;animation-duration:1.8s}.laser-beam:nth-child(9){left:85%;animation-duration:2.4s}.laser-beam:nth-child(10){left:50%;animation-duration:1.5s}.laser-beam:nth-child(11){left:30%;animation-duration:2.5s}.laser-beam:nth-child(12){left:70%;animation-duration:2.7s}@keyframes laser-move{0%{transform:translate(-20vw) rotate(45deg)}to{transform:translate(120vw) rotate(45deg)}}.robot-visitor{position:fixed;bottom:24px;left:-120px;font-size:56px;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));transition:transform .7s ease}.robot-visitor.entering{transform:translate(160px)}.robot-visitor.leaving{transform:translate(0)}.matrix-canvas{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.85}.matrix-on .message-bubble{text-shadow:0 0 10px rgba(0,255,102,.25)}.robot-emoji{font-size:56px}.robot-bubble{position:absolute;left:70px;bottom:52px;max-width:220px;padding:10px 12px;border-radius:14px;background:#141414eb;color:#fff;font-size:14px;line-height:1.2;box-shadow:0 10px 20px #00000059;transform-origin:left bottom;animation:robotBubblePop .18s ease-out}.robot-bubble:after{content:"";position:absolute;left:-6px;bottom:14px;width:12px;height:12px;background:#141414eb;transform:rotate(45deg);border-radius:2px}@keyframes robotBubblePop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}