html body{background:var(--surface-page-dark)}.label{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-300)}.mark{width:28px;height:28px;border-radius:50%;background:var(--surface-raised-dark);border:1px solid var(--ink-600);color:var(--amber-500);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mark svg{width:13px;height:13px;display:block}@keyframes typingDot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.chat-card{width:min(760px,100%);height:min(78vh,820px);min-height:520px;display:flex;flex-direction:column;background:var(--surface-page-dark);border:1px solid var(--border-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 -18px 70px -12px rgba(var(--amber-500-rgb),.18),0 30px 80px -30px rgba(0,0,0,.6);transition:border-color .35s,box-shadow .35s}.chat-card:hover{border-color:rgba(var(--amber-500-rgb),.4);box-shadow:0 -18px 80px -8px rgba(var(--amber-500-rgb),.28),0 30px 80px -30px rgba(0,0,0,.6)}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface-header-dark);border-bottom:1px solid var(--hairline-dark);flex-shrink:0}.mark-30{width:30px;height:30px}.mark-30 svg{width:14px;height:14px}.chat-name{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-100)}.online{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 6px rgba(var(--success-rgb),.8);display:inline-block}.chat-subtitle{font-size:12.5px;color:var(--ink-400)}.chat-aside{flex-shrink:0}.chat-scroll{flex:1;overflow-y:auto;padding:24px 22px 10px}.chat-log,.chat-scroll{display:flex;flex-direction:column;gap:20px}.msg-id{align-items:center;font-size:12.5px;color:var(--ink-400);margin-bottom:6px}.msg-body,.msg-id{display:flex;gap:10px}.msg-body{padding-left:38px;flex-direction:column}.msg-body p{font-size:15px;line-height:1.7;color:var(--ink-100);text-wrap:pretty}.msg-body p b{font-weight:600}.msg-user{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pill{background:var(--ink-700);border-radius:999px;padding:11px 19px;font-size:14.5px;line-height:1.4;color:var(--ink-100);max-width:80%}.msg-user time{font-size:11.5px;color:var(--ink-400);padding-right:8px}.typing{padding-left:38px;display:flex;gap:5px;align-items:center;height:18px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-400);display:block;animation:typingDot 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.work{background:var(--surface-card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:16px 18px;margin-top:4px;max-width:540px}.work .label{display:block;color:var(--ink-400);letter-spacing:1.4px;margin-bottom:10px}.work-serif{font-family:var(--font-serif);font-size:clamp(15px,1.6vw,16.5px);line-height:1.65;color:var(--ink-200);text-wrap:pretty}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:2px 0 16px}.chip{min-height:44px;padding:10px 19px;border-radius:999px;border:1px solid var(--ink-600);background:transparent;color:var(--ink-300);font-size:14px;font-family:var(--font-body);cursor:pointer;transition:border-color .2s,color .2s}.chip:hover{border-color:var(--ink-400);color:var(--ink-100)}.chip:active{border-color:var(--amber-500);color:var(--amber-300)}.chat-input{display:flex;align-items:center;gap:10px;padding:14px 16px 16px;border-top:1px solid var(--hairline-dark);flex-shrink:0;margin:0}.chat-input input,.chat-input textarea{flex:1;border-radius:999px;background:var(--ink-800);border:1px solid var(--input-border-dark);color:var(--ink-100);font-size:14.5px;font-family:var(--font-body);outline:none;min-width:0}.chat-input input{height:46px;padding:0 20px}.chat-input textarea{padding:11px 20px;line-height:22px;resize:none;overflow-y:auto;display:block}.chat-input textarea:not([rows="1"]){border-radius:var(--radius-chat-field-tall)}.chat-input:has(textarea){align-items:flex-end}.chat-input input::-moz-placeholder,.chat-input textarea::-moz-placeholder{color:var(--ink-400)}.chat-input input::placeholder,.chat-input textarea::placeholder{color:var(--ink-400)}.chat-input input:focus,.chat-input textarea:focus{border-color:rgba(var(--amber-500-rgb),.55)}.send{width:44px;height:44px;border-radius:50%;background:var(--amber-500);color:var(--text-on-amber);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.send svg{width:17px;height:17px}.send:hover{background:var(--amber-400)}.send:active{background:var(--amber-600)}.send:disabled{background:var(--ink-700);color:var(--ink-400);cursor:default}.chat-input input:focus-visible,.chat-input textarea:focus-visible,.chip:focus-visible,.send:focus-visible{outline:2px solid var(--amber-400);outline-offset:3px}@media (max-width:680px){.chat-card{height:72vh;min-height:480px}.chat-scroll{padding:18px 14px 8px}.pill{max-width:88%}.chips{justify-content:center}.chat-card-fill{height:100dvh;min-height:0}}.chat-page{display:flex;min-height:100vh;align-items:center;justify-content:center}@media (min-width:681px){.chat-page{padding:24px}}