:root{--ink:#17201d;--muted:#69736f;--paper:#f4f1ea;--white:#fff;--line:#d9ddd7;--navy:#173c4b;--teal:#207c78;--lime:#d8ec9b;--shadow:0 18px 50px rgba(28,43,38,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{min-height:100vh}.topbar{height:70px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(23,32,29,.09);background:rgba(244,241,234,.88);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:17px;font-weight:780;letter-spacing:-.025em}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--navy);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px}.brand-mark i{display:block;width:3px;border-radius:3px;background:var(--lime)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.status{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.7);color:var(--muted);font-size:12px;font-weight:650}.status-dot{width:7px;height:7px;border-radius:50%;background:#36a874;box-shadow:0 0 0 4px #dff1e7}.chat{width:min(900px,calc(100% - 32px));min-height:calc(100vh - 70px);margin:auto}.messages{padding:42px 0 190px}.hero{max-width:690px;margin:8vh auto;text-align:center}.eyebrow{display:inline-block;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,68px);font-weight:500;line-height:1.01;letter-spacing:-.05em;margin:19px 0}.hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:31px}.suggestions button{padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.72);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:.18s}.suggestions button:hover{border-color:#82aaa2;background:white;transform:translateY(-1px)}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;margin:27px 0;animation:appear .25s ease-out}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:850}.user .avatar{background:#e5e1d8;color:#56605c}.assistant .avatar{background:var(--navy);color:var(--lime)}.message-body{min-width:0;line-height:1.7}.message-body>:first-child{margin-top:5px}.message-body>:last-child{margin-bottom:0}.message-body h1,.message-body h2,.message-body h3{font-family:Georgia,serif;line-height:1.25;margin:1.45em 0 .55em}.message-body a{color:#116b72;text-decoration-thickness:1px;text-underline-offset:3px}.message-body blockquote{margin-left:0;padding-left:16px;border-left:3px solid var(--teal);color:var(--muted)}.message-body pre{overflow:auto;padding:16px;border-radius:12px;background:#122a31;color:#eff7f4}.message-body code{font-family:"SFMono-Regular",Consolas,monospace;font-size:.9em}.message-body :not(pre)>code{padding:2px 5px;border-radius:5px;background:#e4e7e1}.message-body table{width:100%;border-collapse:collapse}.message-body th,.message-body td{padding:8px;border:1px solid var(--line);text-align:left}.composer-area{position:fixed;left:0;right:0;bottom:0;padding:24px 16px 18px;background:linear-gradient(transparent,var(--paper) 25%)}.composer{max-width:900px;margin:auto;padding:9px 9px 9px 17px;display:flex;align-items:flex-end;gap:10px;border:1px solid #cbd1ca;border-radius:19px;background:white;box-shadow:var(--shadow)}textarea{width:100%;min-height:46px;max-height:155px;padding:12px 2px;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font:inherit;line-height:1.42}#send{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:14px;background:var(--navy);color:white;cursor:pointer;transition:.18s}#send:hover{background:var(--teal)}#send:disabled{opacity:.45;cursor:wait}#send svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hint{margin:7px auto 0;text-align:center;color:#8a918e;font-size:11px}.progress{max-width:900px;margin:0 auto 8px;padding:9px 13px;display:flex;align-items:center;gap:10px;border:1px solid #cddbd6;border-radius:12px;background:#f8fbf9;color:var(--navy);font-size:12px}.progress>span{width:15px;height:15px;border:2px solid #bdd4cc;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.progress div{display:flex;align-items:baseline;gap:8px}.progress small{color:var(--muted)}.hidden{display:none!important}.error{color:#983c36}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}}@media(max-width:620px){.topbar{height:62px;padding-inline:16px}.chat{min-height:calc(100vh - 62px)}.messages{padding-top:25px}.hero{margin:5vh auto}.hero h1{font-size:42px}.hero p{font-size:15px}.message{grid-template-columns:31px minmax(0,1fr);gap:10px}.avatar{width:31px;height:31px;border-radius:9px}.progress small{display:none}.hint{display:none}.composer-area{padding-bottom:12px}}@media(max-width:360px){.status{display:none}}

.model-picker{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.model-picker select{max-width:260px;padding:8px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}.sources{margin-top:20px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff80;font-size:13px}.sources summary{cursor:pointer;font-weight:650}.sources div{margin-top:10px;scroll-margin-top:90px}.sources small{display:block;color:var(--muted)}@media(max-width:620px){.status{display:none}.model-picker{gap:4px}.model-picker select{max-width:190px}}

.composer-options{max-width:900px;margin:0 auto 8px;display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.think-control{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);cursor:pointer}.think-control input{accent-color:var(--teal);width:17px;height:17px;margin:0}.messages{padding-bottom:240px}

.brand-icon{display:block;object-fit:cover;border-radius:10px;flex-shrink:0}
.statistics-link{color:var(--teal);font-size:13px;text-underline-offset:3px}.statistics-page{max-width:940px;margin:40px auto;padding:0 20px 40px}.statistics-page>p{color:var(--muted);line-height:1.6}.statistics-total strong{font-size:36px;color:var(--navy)}.statistics-bars{display:flex;gap:12px;align-items:flex-end;overflow-x:auto;padding:20px 12px;border:1px solid var(--line);border-radius:12px;background:white}.statistics-column{flex:1;min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;font-size:12px}.statistics-column i{display:block;width:100%;max-width:48px;background:var(--teal);border-radius:5px 5px 0 0;min-height:1px}.statistics-column small{white-space:nowrap;color:var(--muted)}

.model-warning{max-width:900px;margin:0 auto 8px;padding:9px 12px;border:1px solid #e3cd91;border-radius:10px;background:#fff7df;color:#75551b;font-size:12px;line-height:1.5}.messages{padding-bottom:290px}
