:root{color:#e8edf5;background:radial-gradient(circle at top left,rgba(255,188,101,.26),transparent 26%),radial-gradient(circle at 100% 18%,rgba(81,153,255,.2),transparent 30%),linear-gradient(145deg,#08121d,#102236 48%,#173448);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--panel: rgba(9, 17, 28, .78);--panel-strong: rgba(8, 15, 25, .92);--line: rgba(232, 237, 245, .12);--line-strong: rgba(255, 203, 119, .26);--muted: rgba(232, 237, 245, .68);--accent: #ffcb77;--accent-ink: #102236;--system: rgba(81, 153, 255, .16);--system-strong: #78b2ff;--user: rgba(255, 203, 119, .16);--user-strong: #ffd67a;--danger: #ff8f8f}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 0 96%,#ffffff08 96% 100%),linear-gradient(90deg,transparent 0 96%,rgba(255,255,255,.02) 96% 100%);background-size:100% 28px,28px 100%;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent)}button,textarea{font:inherit}code{font-family:SFMono-Regular,Menlo,monospace}#app{min-height:100vh}.shell{width:min(1280px,100%);margin:0 auto;padding:36px 20px 52px}.masthead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow,.panel-label{margin:0 0 12px;color:var(--accent);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0}h1{max-width:14ch;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.94}h2{font-size:1.35rem}.endpoint-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.chip,.button{border-radius:999px;border:1px solid var(--line)}.chip{display:inline-flex;align-items:center;padding:10px 14px;background:#ffffff0a;color:inherit;text-decoration:none}.chip-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);gap:18px}.panel{display:flex;flex-direction:column;min-height:720px;padding:24px;border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000047}.history-panel{min-height:720px;background:linear-gradient(180deg,#09111ce6,#0c1928e0)}.panel-header,.history-row,.composer-footer,.pagination,.session-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-meta,.history-row-muted,.history-count,.inline-note,.message-meta span{color:var(--muted)}.session-meta{padding:14px 16px;margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.transcript,.history-list{display:flex;flex-direction:column;gap:14px;margin-top:18px;overflow:auto}.transcript{flex:1;padding-right:6px}.message{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong);position:relative;overflow:hidden}.message-user{border-color:#ffcb776b;background:linear-gradient(180deg,var(--user),rgba(9,17,28,.92));box-shadow:inset 0 0 0 1px #ffcb7714}.message-system{border-color:#5199ff5c;background:linear-gradient(180deg,var(--system),rgba(9,17,28,.92));box-shadow:inset 0 0 0 1px #5199ff0f}.message:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:20px 0 0 20px}.message-user:before{background:linear-gradient(180deg,var(--user-strong),rgba(255,203,119,.18))}.message-system:before{background:linear-gradient(180deg,var(--system-strong),rgba(81,153,255,.12))}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.message-role{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.message-user .message-role{background:#ffcb772e;color:var(--user-strong)}.message-system .message-role{background:#5199ff29;color:var(--system-strong)}.message-body{white-space:pre-wrap;word-break:break-word;color:#f3f7ff}.message-state{margin:10px 0 0;color:var(--muted);font-size:.92rem}.message-error{color:var(--danger)}.composer{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.composer-input{width:100%;min-height:118px;resize:vertical;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:#ffffff0a;color:inherit;outline:none}.composer-input:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px #ffcb7714}.inline-note{margin:0}.button{cursor:pointer;padding:11px 18px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button-secondary{background:#ffffff0a;color:inherit}.history-item{width:100%;padding:16px;border:1px solid var(--line);border-radius:20px;text-align:left;background:#ffffff08;color:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.history-item:hover{transform:translateY(-1px);border-color:#ffcb772e}.history-item-active{border-color:#ffcb775c;background:linear-gradient(180deg,#ffcb771a,#ffffff08)}.history-preview{margin:10px 0;color:#f3f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{display:grid;place-items:center;min-height:220px;margin-top:18px;border:1px dashed var(--line);border-radius:24px;background:#ffffff05;color:var(--muted);text-align:center}.empty-state-history{flex:1}.pagination{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:980px){.masthead{flex-direction:column;align-items:start}.endpoint-strip{justify-content:flex-start}.workspace{grid-template-columns:1fr}.panel,.history-panel{min-height:unset}}@media(max-width:640px){.shell{padding:24px 14px 36px}h1{font-size:2.35rem}.panel{padding:18px;border-radius:22px}.panel-header,.history-row,.composer-footer,.pagination,.session-meta{flex-direction:column;align-items:flex-start}.button,.chip{width:100%;justify-content:center}}