:root{--bg:#050608;--panel:#0b0d12;--panel-2:#11141b;--panel-3:#171b23;--text:#fff;--text-soft:#ffffffb8;--text-muted:#999;--line:#ffffff1a;--line-strong:#ffffff29;--primary:#007aff;--primary-hover:#1d8aff;--secondary:#666;--accent-line:#18c3c8;--danger-bg:#ffcccc17;--danger-border:#ffcccc47;--danger-text:#fcc;--shadow-lg:0 24px 80px #00000061;--shadow-md:0 12px 32px #00000047;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:12px}*{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#007aff29,#0000 28%),radial-gradient(circle at 100% 0,#18c3c81f,#0000 22%),linear-gradient(#040507 0%,#07090d 48%,#050608 100%);margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{background:linear-gradient(180deg, #ffffff04, #ffffff03), var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(980px,100% - 40px);box-shadow:var(--shadow-lg);margin:40px auto 60px;padding:32px;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background:linear-gradient(135deg,#007aff0f,#0000 28%),linear-gradient(225deg,#18c3c80d,#0000 24%);position:absolute;inset:0}.page>*{z-index:1;position:relative}.header{margin-bottom:16px}.logo{width:auto;height:28px;display:block}.subtext{width:100%;max-width:100%;color:var(--text-soft);margin:0 0 24px;font-size:1.05rem;line-height:1.7}.form-box{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff05,#ffffff04);padding:22px}.ask-form{display:block}label{color:var(--text);margin:0 0 10px;font-size:.95rem;font-weight:700;display:block}select,textarea{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-2);width:100%;color:var(--text);font:inherit;outline:none;margin:0 0 18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}select{min-height:54px;padding-right:42px}textarea{resize:none;height:156px;min-height:156px;line-height:1.6}select:hover,textarea:hover{border-color:#ffffff38}select:focus,textarea:focus{background:#0f131a;border-color:#007affd9;box-shadow:0 0 0 4px #007aff2e}select option{color:#fff;background:#101319}textarea::placeholder{color:#7d8592}.button-row{flex-wrap:nowrap;align-items:center;gap:14px;display:flex}button{white-space:nowrap;appearance:none;color:#fff;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(#1b87ff 0%,#007aff 100%);border:0;border-radius:999px;min-height:52px;padding:0 22px;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.98rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 12px 26px #007aff38,inset 0 1px #ffffff24}button:hover{background:linear-gradient(180deg, #3094ff 0%, var(--primary-hover) 100%);transform:translateY(-1px);box-shadow:0 16px 34px #007aff47,inset 0 1px #ffffff29}button:active{transform:translateY(0)}.reset-button{border:1px solid var(--line-strong);min-height:44px;color:var(--text-soft);white-space:nowrap;width:auto;box-shadow:none;background:#ffffff14;border-radius:999px;flex:none;padding:0 18px;font-size:.9rem;font-weight:600}.reset-button:hover{color:var(--text);box-shadow:none;background:#ffffff1f;border-color:#ffffff38}.chat-section{margin-top:24px}.section-title{color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.92rem;font-weight:700}.chat-wrapper{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(#ffffff05,#ffffff04);padding:18px}.chat-area{flex-direction:column;gap:14px;max-height:560px;display:flex;overflow-y:auto}.exchange{flex-direction:column;gap:14px;display:flex}.exchange+.exchange{border-top:1px solid #ffffff0f;padding-top:4px}.bubble{border:1px solid var(--line);max-width:min(88%,760px);box-shadow:var(--shadow-md);border-radius:18px;padding:18px 18px 16px}.user-bubble{background:linear-gradient(#007aff24,#007aff14),#0d1624;border-bottom-right-radius:8px;align-self:flex-end}.assistant-bubble{background:linear-gradient(180deg, #ffffff06, #ffffff03), var(--panel-3);border-bottom-left-radius:8px;align-self:flex-start}.label{color:var(--text-soft);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.76rem;font-weight:800}.brand-label{letter-spacing:.04em;align-items:center;gap:4px;font-weight:800;display:flex}.brand-accent{color:var(--primary)}.brand-ai{color:var(--primary);font-weight:900}.bubble-text{color:var(--text);white-space:pre-wrap;line-height:1.7}.error-box{border:1px solid var(--danger-border);background:var(--danger-bg);color:#ffcccce6;white-space:pre-wrap;border-radius:18px;margin-top:24px;padding:16px 18px;line-height:1.65}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.chat-area::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media (width<=840px){.page{border-radius:22px;width:min(100% - 28px,980px);margin:18px auto 36px;padding:22px 16px 18px}.form-box,.chat-wrapper{border-radius:18px;padding:16px}.bubble{max-width:100%}.button-row{flex-wrap:wrap}.button-row>button[type=submit]{width:100%}.reset-button{width:auto}}@media (width<=520px){.subtext{font-size:.98rem}select,textarea{font-size:16px}.logo{height:24px}}.status-box{color:#ebf5fff2;background:#007aff14;border:1px solid #007aff59;border-radius:18px;margin:22px 0;padding:16px 18px;line-height:1.6}.status-title{margin-bottom:6px;font-weight:900}.status-text{color:#ebf5ffdb}.status-small{color:#ebf5ffad;word-break:break-word;margin-top:8px;font-size:.82rem}