:root{color:#17213a;background:#f3f6fb;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0b1739;--navy-soft: #162652;--canvas: #f3f6fb;--surface: #ffffff;--surface-soft: #f8faff;--sidebar: #f9fbff;--line: #dce3f0;--line-strong: #c3ccdc;--text: #17213a;--muted: #65718a;--brand: #2457ff;--brand-dark: #1741cf;--brand-soft: #e8efff;--cyan: #4dd4ff;--danger: #b3261e;--shadow-small: 0 8px 24px rgb(29 48 92 / 8%);--shadow-medium: 0 18px 50px rgb(22 38 82 / 14%)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid rgb(36 87 255 / 28%);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chatty-logo{position:relative;display:inline-grid;flex:0 0 auto;max-width:100%;max-height:100%;place-items:center}.chatty-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgb(11 23 57 / 16%))}.chatty-logo.is-working img{animation:chatty-work 1.5s ease-in-out infinite}.chatty-logo.is-working:after{position:absolute;top:8%;right:8%;width:14%;height:14%;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #4dd4ff29;animation:chatty-idea 1.5s ease-in-out infinite;content:""}@keyframes chatty-work{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1deg)}}@keyframes chatty-idea{50%{opacity:.35;transform:scale(.65)}}.workspace{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:grid;grid-template-columns:76px var(--sidebar-width, 304px);width:calc(76px + var(--sidebar-width, 304px));border-right:1px solid var(--line);box-shadow:10px 0 32px #1626520a}.product-rail{position:relative;display:flex;align-items:center;padding:25px 8px 22px;overflow:hidden;flex-direction:column;color:#fff;background:var(--navy)}.product-rail:after{position:absolute;right:-32px;bottom:18%;width:72px;height:72px;border:1px solid rgb(77 212 255 / 25%);border-radius:50%;content:""}.product-rail .chatty-logo{animation:chatty-arrive .52s cubic-bezier(.16,1,.3,1) both}@keyframes chatty-arrive{0%{opacity:0;transform:translateY(-10px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.product-name{display:grid;margin-top:auto;gap:2px;color:#fff;text-align:center}.product-name strong{font-size:12px;letter-spacing:.02em}.product-name small{color:#ffffff94;font-size:9px;line-height:1.25}.conversation-ledger{display:grid;min-width:0;padding:24px 16px 18px;grid-template-rows:auto auto 1fr auto;background:var(--sidebar)}.ledger-heading{display:flex;align-items:flex-start;justify-content:space-between;min-height:55px;padding:0 4px}.ledger-heading>div{display:grid;gap:3px}.ledger-heading strong{color:var(--navy);font-size:19px;letter-spacing:-.025em}.ledger-heading span{color:var(--muted);font-size:11px}.ledger-heading>button{display:none;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:10px;color:var(--muted);background:transparent}.new-chat-button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;margin:12px 0 13px;padding:0 14px;border:0;border-radius:13px;color:#fff;background:var(--brand);box-shadow:0 8px 20px #2457ff33;font-weight:700;transition:transform .13s ease,background .13s ease,box-shadow .13s ease}.new-chat-button:hover{background:var(--brand-dark);box-shadow:0 10px 24px #2457ff40;transform:translateY(-1px)}.conversation-list{min-height:0;margin:0 -5px 16px;overflow-y:auto;scrollbar-color:var(--line-strong) transparent}.conversation-list>p{margin:0;padding:16px 9px;color:var(--muted);font-size:13px;line-height:1.5}.conversation-row{display:grid;margin:3px 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:44px;border-radius:11px;transition:background .13s ease}.conversation-row:hover{background:#f0f4fb}.conversation-row.active{background:var(--brand-soft)}.conversation-row button{min-width:34px;min-height:40px;padding:0;border:0;color:var(--muted);background:transparent}.conversation-row .conversation-title{overflow:hidden;padding:0 10px;color:var(--text);font-size:13px;font-weight:540;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-row.active .conversation-title{color:var(--brand-dark);font-weight:700}.conversation-row button:not(.conversation-title){opacity:0;transition:opacity .12s ease,color .12s ease}.conversation-row:hover button,.conversation-row:focus-within button,.conversation-row.active button{opacity:1}.danger-icon:hover,.danger-button{color:var(--danger)!important}.user-panel{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 10px;align-items:center;padding:17px 4px 0;border-top:1px solid var(--line);font-size:12px}.user-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:var(--navy-soft);font-weight:750}.user-identity{display:grid;min-width:0;gap:2px;color:var(--navy);overflow-wrap:anywhere}.user-identity strong{font-size:12px}.user-identity small{color:var(--muted);font-size:10px;line-height:1.35}.user-panel>button{display:inline-flex;grid-column:2;gap:7px;align-items:center;width:max-content;min-height:30px;padding:0;border:0;color:var(--muted);background:transparent;font-size:11px}.user-panel>button:hover{color:var(--navy)}.sidebar-resizer{position:fixed;top:0;bottom:0;left:calc(76px + var(--sidebar-width, 304px) - 4px);z-index:11;width:8px;cursor:col-resize;touch-action:none}.sidebar-resizer:after{position:absolute;inset:0 auto 0 4px;width:1px;background:transparent;content:""}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after{background:var(--brand)}.chat-column{min-height:100vh;margin-left:calc(76px + var(--sidebar-width, 304px))}.chat-header{position:sticky;top:0;z-index:4;display:grid;min-height:72px;padding:14px clamp(28px,5vw,72px);align-content:center;gap:3px;border-bottom:1px solid rgb(220 227 240 / 82%);background:#ffffffe5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-header span{color:var(--brand);font-size:11px;font-weight:720;letter-spacing:.04em}.chat-header strong{overflow:hidden;color:var(--navy);font-size:15px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.chat-shell{width:min(1040px,100%);margin:0 auto;padding:42px clamp(28px,5vw,64px) 210px}.center-state{padding:24vh 0;color:var(--muted);font-size:14px}.welcome{display:grid;max-width:590px;margin:clamp(74px,15vh,150px) auto 0;justify-items:center;text-align:center;animation:welcome-arrive .52s cubic-bezier(.16,1,.3,1) both}.welcome-mark{display:grid;width:94px;height:94px;margin-bottom:26px;place-items:center;border:1px solid #dce6ff;border-radius:32px;background:#fff;box-shadow:var(--shadow-medium);transform:rotate(-2deg)}@keyframes welcome-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome h1{margin:0;color:var(--navy);font-size:clamp(32px,4.5vw,46px);font-weight:720;letter-spacing:-.045em;line-height:1.08}.welcome p{max-width:500px;margin:17px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.messages{display:flex;flex-direction:column;gap:28px}.message{display:grid;min-width:0;animation:message-arrive .26s cubic-bezier(.16,1,.3,1) both}.message.assistant{grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;justify-items:start}.message.user{justify-items:end}@keyframes message-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.assistant-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:#fff;box-shadow:var(--shadow-small)}.message-surface{min-width:0;max-width:min(78%,720px);padding:15px 18px 16px;border-radius:20px}.assistant .message-surface{border:1px solid #e3e8f3;border-bottom-left-radius:6px;background:var(--surface);box-shadow:var(--shadow-small)}.user .message-surface{border-bottom-right-radius:6px;color:#fff;background:var(--brand);box-shadow:0 10px 28px #2457ff2e}.message-label{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:7px;color:var(--muted)}.message-label strong{color:var(--navy);font-size:12px;font-weight:740}.message-label time{font-size:10px}.user .message-label,.user .message-label strong{color:#ffffffc2}.message-body{color:var(--text);font-size:16px;line-height:1.65}.user .message-body{color:#fff;font-weight:530}.message-body>:first-child{margin-top:0}.message-body>:last-child{margin-bottom:0}.message-body p,.message-body ul,.message-body ol{margin:0 0 .85em}.message-body pre{overflow-x:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.message-body a{color:var(--brand-dark)}.citations{width:100%;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.citation-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px}.citation-heading h3{margin:0;color:var(--navy);font-size:11px;font-weight:740;letter-spacing:.02em;text-transform:uppercase}.citation-heading>span{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:var(--brand-dark);background:var(--brand-soft);font-size:10px;font-weight:720}.citations ol{display:grid;margin:6px 0 0;padding:0;gap:7px;list-style:none}.source-note{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);transition:border-color .15s ease,background .15s ease}.source-note[open]{border-color:#b9c9ef;background:#fff}.source-note summary{display:grid;padding:10px 11px;grid-template-columns:30px minmax(0,1fr) 20px;gap:9px;align-items:center;cursor:pointer;list-style:none}.source-note summary::-webkit-details-marker{display:none}.source-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--brand-dark);background:var(--brand-soft)}.source-summary{display:grid;min-width:0;gap:2px}.source-summary strong{overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.snippet-preview{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-chevron{color:var(--muted);transition:transform .18s cubic-bezier(.16,1,.3,1)}.source-note[open] .source-chevron{transform:rotate(180deg)}.source-details{padding:0 12px 12px 51px;animation:source-open .18s ease-out both}@keyframes source-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.source-section{color:var(--brand-dark);font-size:10px;font-weight:690}.snippet{max-height:260px;margin:7px 0 0;overflow:auto;color:#56627a;font-size:12px;line-height:1.55;white-space:pre-wrap}.feedback{display:flex;align-items:center;gap:4px;margin-top:14px;color:var(--muted);font-size:11px}.feedback button{display:grid;width:30px;height:30px;margin-left:2px;padding:0;place-items:center;border:1px solid transparent;border-radius:9px;color:var(--muted);background:transparent}.feedback button:hover,.feedback button.selected{border-color:#b9c9ef;color:var(--brand-dark);background:var(--brand-soft)}.working-message .message-surface{padding:13px 16px}.thinking{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.thinking i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:thinking-dot .9s ease-in-out infinite alternate}.thinking i:nth-of-type(2){animation-delay:.14s}.thinking i:nth-of-type(3){animation-delay:.28s}@keyframes thinking-dot{to{opacity:.25;transform:translateY(-3px)}}.composer-shell{position:fixed;right:0;bottom:0;left:calc(76px + var(--sidebar-width, 304px));z-index:3;padding:18px clamp(28px,5vw,64px) 24px;border-top:1px solid rgb(220 227 240 / 75%);background:#f3f6fbf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.composer-frame{width:min(880px,100%);margin:0 auto;padding:13px 14px 14px;border:1px solid #d8e0ee;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-medium);pointer-events:auto;transition:border-color .14s ease,box-shadow .14s ease}.composer-frame:focus-within{border-color:#9bb2f7;box-shadow:0 18px 50px #16265224,0 0 0 4px #2457ff14}.composer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 3px;margin-bottom:5px}.composer-heading label{color:var(--navy);font-size:11px;font-weight:740}.composer-heading span{color:var(--muted);font-size:10px}.composer{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:end}.composer textarea{width:100%;min-height:48px;max-height:190px;padding:10px 4px 7px;resize:none;border:0;outline:0;color:var(--text);background:transparent;font-size:15px;line-height:1.5}.composer textarea::placeholder{color:#8b95a9}.composer button{display:grid;width:46px;height:46px;padding:0;place-items:center;border:0;border-radius:14px;color:#fff;background:var(--brand);box-shadow:0 8px 18px #2457ff38;transition:transform .12s ease,background .12s ease}.composer button:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px) scale(1.02)}.composer button:active:not(:disabled){transform:scale(.96)}.error-banner{margin:0 3px 8px;padding:9px 11px;border-radius:10px;color:#861f19;background:#fff0ef;font-size:12px}.mobile-menu{display:none}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;padding:20px;place-items:center;background:#0b173994;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{display:grid;width:min(440px,100%);gap:13px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 28px 80px #0b173947}.modal-card h2,.modal-card p{margin:0}.modal-card h2{color:var(--navy);font-size:24px;letter-spacing:-.025em}.modal-card p,.modal-card label{color:var(--muted);font-size:13px;line-height:1.5}.modal-card label{margin-top:6px;color:var(--text);font-weight:680}.modal-card input,.auth-form input{width:100%;min-height:47px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;outline:0;color:var(--text);background:#fff}.modal-card input:focus,.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2457ff1a}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:10px}.primary-button,.danger-button,.secondary-button{min-height:44px;padding:9px 17px;border:1px solid transparent;border-radius:12px;font-weight:710;transition:transform .12s ease,background .12s ease}.primary-button{color:#fff;background:var(--brand);box-shadow:0 8px 20px #2457ff2e}.primary-button:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px)}.danger-button{color:#fff!important;background:var(--danger)}.secondary-button{border-color:var(--line-strong);color:var(--text);background:transparent}.auth-page{display:grid;min-height:100vh;grid-template-columns:minmax(360px,40vw) 1fr;background:var(--surface)}.auth-masthead{position:relative;display:grid;min-height:100vh;padding:clamp(42px,7vw,86px);overflow:hidden;grid-template-rows:auto 1fr auto;color:#fff;background:var(--navy)}.auth-masthead:after{position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border:1px solid rgb(77 212 255 / 22%);border-radius:50%;box-shadow:0 0 0 70px #2457ff14,0 0 0 140px #4dd4ff0a;content:""}.auth-masthead-mark{position:relative;z-index:1;width:max-content}.auth-masthead>div:nth-child(2){position:relative;z-index:1;align-self:center;max-width:420px}.auth-masthead strong{display:block;font-size:clamp(42px,5vw,68px);font-weight:740;letter-spacing:-.06em;line-height:1}.auth-masthead p{max-width:340px;margin:20px 0 0;color:#ffffffad;font-size:17px;line-height:1.55}.auth-masthead small{position:relative;z-index:1;padding-top:18px;border-top:1px solid rgb(255 255 255 / 18%);color:#ffffff8a;font-size:11px}.auth-workspace{display:grid;min-width:0;padding:clamp(34px,8vw,110px);align-items:center;justify-items:start}.auth-card{width:min(430px,100%)}.auth-product{display:none}.auth-card h1{margin:0;color:var(--navy);font-size:clamp(31px,4vw,44px);font-weight:720;letter-spacing:-.045em;line-height:1.08}.auth-intro,.auth-card>p{max-width:40ch;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.auth-form{display:grid;gap:8px;margin-top:33px}.auth-form label{margin-top:10px;color:var(--text);font-size:12px;font-weight:700}.auth-form label span{color:var(--muted);font-weight:430}.field-with-icon{position:relative}.field-with-icon svg{position:absolute;top:15px;left:13px;color:var(--muted)}.field-with-icon input{padding-left:42px}.auth-form .primary-button{width:100%;margin-top:19px}.auth-error{margin-top:8px;padding:10px 12px;border-radius:10px;color:#861f19;background:#fff0ef;font-size:12px;line-height:1.45}.auth-links{display:flex;gap:16px;justify-content:space-between;margin-top:20px}.auth-links button{display:inline-flex;gap:6px;align-items:center;padding:4px 0;border:0;color:var(--brand-dark);background:transparent;font-size:12px;font-weight:650}.auth-links button:hover{text-decoration:underline;text-underline-offset:4px}.auth-success-icon{margin-bottom:22px;color:#147550}.auth-success .primary-button{margin-top:26px}.app-loading{display:grid;min-height:100vh;place-items:center;color:var(--muted);background:var(--canvas)}@media(max-width:840px){.sidebar{width:min(92vw,370px);grid-template-columns:68px minmax(0,1fr);transform:translate(-100%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.sidebar.open{transform:translate(0)}.conversation-ledger{padding:20px 15px 17px}.ledger-heading>button{display:grid}.sidebar-resizer{display:none}.sidebar-scrim{position:fixed;inset:0;z-index:8;border:0;background:#0b17397a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-menu{position:fixed;top:16px;left:16px;z-index:6;display:grid;width:41px;height:41px;padding:0;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--navy);background:var(--surface);box-shadow:var(--shadow-small)}.chat-column{margin-left:0}.chat-header{min-height:72px;padding-right:20px;padding-left:70px}.composer-shell{left:0}}@media(max-width:700px){.auth-page{display:block}.auth-masthead{display:none}.auth-workspace{display:block;min-height:100vh;padding:36px 24px 54px}.auth-card{width:100%;margin-top:6vh}.auth-product{display:flex;margin-bottom:44px;gap:11px;align-items:center}.auth-product>span{display:grid;gap:1px}.auth-product strong{color:var(--navy);font-size:14px}.auth-product small{color:var(--muted);font-size:10px}.chat-shell{padding:30px 15px 194px}.welcome{margin-top:6vh}.welcome-mark{width:84px;height:84px}.welcome h1{font-size:34px}.message-surface{max-width:88%;padding:13px 14px 14px}.assistant-avatar{width:34px;height:34px}.message.assistant{grid-template-columns:34px minmax(0,1fr);gap:8px}.source-note summary{grid-template-columns:28px minmax(0,1fr) 18px;gap:7px}.source-details{padding-left:45px}.composer-shell{padding:11px 10px 12px}.composer-frame{padding:11px 11px 12px;border-radius:17px}.composer-heading span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}