@import "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Poppins:wght@500;600;700&family=Source+Sans+3:wght@400;600;700&display=swap";:root{color:#262626;font-synthesis:none;text-rendering:optimizelegibility;--ink:#262626;--muted:#4d4d4d;--subtle:#666;--line:#e6e6e6;--line-strong:#d0d0d0;--inset:#f2f2f2;--paper:#fff;--npm:#cb3837;--npm-hover:#c40b0a;--accent:#196cb2;--display:"Poppins", "Source Sans 3", sans-serif;--code:"Fira Mono", "Andale Mono", Consolas, monospace;background:#fafafa;font-family:"Source Sans 3",Source Sans Pro,Lucida Grande,sans-serif}*{box-sizing:border-box}html{background:#fafafa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;font-size:16px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:160px}.flue-banner{color:#e6e6e6;text-align:center;background:#262626;justify-content:center;align-items:center;gap:14px;min-height:36px;padding:8px 20px;font-size:12px;display:flex}.flue-banner p{align-items:center;gap:6px;margin:0;display:flex}.flue-banner a{color:#fff;text-underline-offset:3px;font-weight:600;text-decoration-color:#fff6}.flue-banner a:hover{text-decoration-color:#fff}.flue-status{background:var(--npm);border-radius:50%;width:6px;height:6px;margin-right:2px}.disclaimer{color:#999;margin:0;font-size:11px}.flue-banner .disclaimer{color:#b3b3b3}.site-header{z-index:10;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:1rem;padding:14px max(20px,50% - 590px);display:flex;position:sticky;top:0}.brand{font-family:var(--display);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--npm);width:40px;height:20px;font-family:var(--code);letter-spacing:-.04em;place-items:center;font-size:12px;display:grid}.header-actions{align-items:center;gap:16px;display:flex}.connection-status{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.connection-status>span{background:#107010;border-radius:50%;width:8px;height:8px}.status-connecting>span,.status-submitted>span,.status-streaming>span{background:#886701;animation:1.2s infinite pulse}.status-error>span{background:var(--npm)}.new-chat{color:#fff;background:var(--npm);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.new-chat:hover{background:var(--npm-hover)}main{width:min(1180px,100% - 40px);margin:0 auto}.welcome{text-align:center;justify-items:center;padding:clamp(40px,7vh,80px) 0 30px;display:grid}.hero-icon{background:var(--npm);place-items:center;width:96px;height:48px;margin-bottom:22px;display:grid;position:relative}.hero-icon>span:first-child{color:#fff;font-family:var(--code);letter-spacing:-.06em;font-size:26px;font-weight:500}.hero-icon .spark{color:var(--ink);font-size:20px;position:absolute;top:-14px;right:-14px}.eyebrow{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}h1{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600}.welcome h1{max-width:760px;font-size:clamp(34px,5vw,52px);line-height:1.15}.lede{max-width:640px;color:var(--muted);margin:20px 0 32px;font-size:17px;line-height:1.6}.suggestions{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:980px;display:grid}.suggestions button{border:1px solid var(--line);min-height:96px;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;font-size:15px;line-height:1.45;transition:border-color .12s,box-shadow .12s;display:flex}.suggestions button:hover:not(:disabled){border-color:var(--line-strong);box-shadow:0 1px 4px #0000000f}.suggestions button:disabled{opacity:.6;cursor:wait}.suggestions button span:last-child{color:var(--npm)}.conversation{padding:32px 0}.conversation-heading{border-bottom:4px solid var(--npm);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:12px;display:flex}.conversation-heading h1{font-size:clamp(26px,4vw,36px);line-height:1.1}.conversation-actions{align-items:center;gap:10px;display:flex}.conversation-id{color:var(--subtle);font-family:var(--code);font-size:11px}.share-link{border:1px solid var(--line-strong);color:var(--ink);background:var(--paper);cursor:pointer;border-radius:4px;padding:7px 10px;font-size:12px;font-weight:600}.share-link:hover{border-color:var(--npm);color:var(--npm)}.messages{gap:0;display:grid}.message{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:16px;padding:26px 0;display:grid}.message-avatar{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:var(--inset);border-radius:4px;place-items:center;font-size:11px;font-weight:700;display:grid}.message-assistant .message-avatar{border-color:var(--npm);color:#fff;background:var(--npm);font-family:var(--code)}.message-author{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.message-text{max-width:800px;color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.6}.message-text+.message-text{margin-top:12px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 1em}.markdown h1,.markdown h2,.markdown h3,.markdown h4{color:#000;font-family:var(--display);margin:1.5em 0 .5em;font-weight:600;line-height:1.25}.markdown h1{font-size:1.55em}.markdown h2{border-bottom:1px solid var(--line);padding-bottom:.3em;font-size:1.3em}.markdown h3{font-size:1.1em}.markdown h4{font-size:1em}.markdown strong{color:#000;font-weight:700}.markdown a{color:var(--accent);text-underline-offset:3px;text-decoration-color:#196cb266}.markdown a:hover{text-decoration-color:currentColor}.markdown ul,.markdown ol{margin:.7em 0 1.1em;padding-left:1.5em}.markdown li{margin:.3em 0}.markdown li::marker{color:var(--npm)}.markdown li>p{margin:.3em 0}.markdown blockquote{border-left:4px solid var(--line-strong);color:var(--muted);margin:1.15em 0;padding:.2em 1em}.markdown blockquote>:last-child{margin-bottom:0}.markdown code{color:var(--ink);font-family:var(--code);background:#f7f7f7;border-radius:4px;padding:.15em .4em;font-size:.86em}.markdown pre{border:1px solid var(--line);background:#f7f7f7;border-radius:4px;margin:1.1em 0;padding:14px 16px;line-height:1.55;overflow-x:auto}.markdown pre code{background:0 0;padding:0;font-size:.82em}.markdown hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.markdown table{border-spacing:0;border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.9em;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--line);text-align:left;padding:8px 12px}.markdown th{background:var(--inset);font-weight:700}.markdown input[type=checkbox]{accent-color:var(--npm);margin-right:.45em}.markdown del{color:var(--subtle)}.tool-call{border:1px solid var(--line);width:fit-content;color:var(--muted);font-family:var(--code);background:#f7f7f7;border-radius:4px;align-items:center;gap:8px;margin:10px 0;padding:6px 10px;font-size:11px;display:flex}.tool-call small{color:var(--subtle)}.tool-icon{color:var(--npm);font-size:14px}.tool-output-error{color:#bb2e3e;background:#ffdfdf;border-color:#f1b8bc}.thinking{color:var(--muted);align-items:center;gap:5px;padding:18px 0 10px 56px;font-size:13px;display:flex}.thinking span,.cards-loading span{background:var(--npm);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite bounce}.thinking span:nth-child(2),.cards-loading span:nth-child(2){animation-delay:.1s}.thinking span:nth-child(3),.cards-loading span:nth-child(3){margin-right:4px;animation-delay:.2s}.card-section{border:1px solid var(--line);background:var(--paper);border-radius:4px;margin:20px 0 8px;padding:16px}.card-section-heading{border-bottom:4px solid var(--npm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:8px;display:flex}.card-section-heading>div{font-family:var(--display);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.github-section .card-section-heading{border-bottom-color:#fb8f1d}.npm-badge{color:#fff;background:var(--npm);width:34px;height:17px;font-family:var(--code);letter-spacing:-.04em;place-items:center;font-size:10px;display:grid}.github-badge{color:#fff;background:#000;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.loading-label{color:var(--subtle);font-size:12px;animation:1.2s infinite pulse}.cards-loading{justify-content:center;align-items:center;gap:5px;min-height:80px;display:flex}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.package-card,.github-card{border:1px solid var(--line);background:var(--paper);border-radius:4px;flex-direction:column;min-width:0;padding:14px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.package-card:hover,.github-card:hover{border-color:var(--line-strong);box-shadow:0 1px 4px #0000000f}.package-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.package-title strong{color:#000;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.package-title span{color:var(--subtle);font-family:var(--code);flex:none;font-size:11px}.package-card>p,.github-card>p{min-height:42px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.package-metrics{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.package-metrics span,.deprecated{color:var(--muted);background:var(--inset);font-family:var(--code);border-radius:4px;padding:3px 7px;font-size:10px}.package-metrics b{color:var(--npm);font-weight:500}.deprecated{color:#bb2e3e;background:#ffdfdf;width:fit-content;margin-top:8px}.card-link{color:var(--accent);margin-top:12px;font-size:12px;font-weight:600}.github-section{margin-top:12px}.github-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.github-card{min-height:150px}.github-card strong{color:#000;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;font-weight:600;overflow:hidden}.repo-path{color:var(--subtle);font-size:12px}.github-card small{color:var(--subtle);font-family:var(--code);margin-top:auto;font-size:10px}.composer-wrap{z-index:20;width:min(860px,100% - 32px);padding:0 0 18px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.scroll-down{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:border-color .12s,color .12s;display:grid;position:absolute;top:-54px;left:50%;transform:translate(-50%);box-shadow:0 1px 6px #0000001f}.scroll-down:hover{border-color:var(--npm);color:var(--npm)}.turnstile{justify-content:center;margin-bottom:8px;display:flex}.composer-wrap:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#fafafa 42%);height:150px;position:fixed;bottom:0;left:-100vw;right:-100vw}.composer{border:1px solid var(--search-border,#d0d0d0);background:#f7f7f7;border-radius:4px;align-items:stretch;display:flex;box-shadow:0 1px 6px #00000014}.composer:focus-within{border-color:#767676}.composer textarea{resize:vertical;min-height:52px;max-height:160px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:15px 16px;font-size:16px;line-height:1.4}.composer textarea::placeholder{color:var(--subtle)}.composer button{color:#fff;font-family:var(--display);cursor:pointer;background:#000;border:0;border-radius:0 3px 3px 0;flex:none;padding:0 26px;font-size:15px;font-weight:600;transition:background .12s,opacity .12s}.composer button:hover:not(:disabled){background:var(--npm)}.composer button:disabled{opacity:.45;cursor:not-allowed}.shared-notice{border:1px solid var(--line);background:var(--paper);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:13px;display:flex;box-shadow:0 1px 6px #00000014}.shared-notice span{color:var(--muted)}.composer-readonly:before{height:110px}.composer-footer{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.composer-hint{color:var(--subtle);text-align:center;margin:0;font-size:12px}.error{color:#bb2e3e;background:#ffdfdf;border:1px solid #f1b8bc;border-radius:4px;margin:0 0 8px;padding:9px 12px;font-size:14px}.not-found{text-align:center;justify-items:center;width:min(720px,100% - 32px);margin:0 auto;padding:clamp(70px,14vh,150px) 0;display:grid}.not-found h1{font-size:clamp(30px,5vw,46px)}.not-found>p:not(.eyebrow){color:var(--muted);margin:18px 0 26px}.not-found .new-chat{text-decoration:none}@keyframes pulse{50%{opacity:.42}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media (width<=720px){.app-shell{padding-bottom:140px}main{width:min(100% - 28px,1180px)}.site-header{padding:12px 14px}.flue-banner{flex-direction:column;gap:2px;padding-inline:12px;font-size:11px}.connection-status{display:none}.welcome{padding-top:40px}.welcome h1{font-size:clamp(30px,8vw,40px)}.lede{font-size:15px}.suggestions{grid-template-columns:1fr;gap:10px}.suggestions button{min-height:auto;font-size:14px}.conversation{padding-top:24px}.conversation-heading{flex-direction:column;align-items:flex-start;gap:8px}.conversation-actions{justify-content:space-between;width:100%}.message{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0}.message-avatar{width:30px;height:30px;font-size:9px}.package-grid,.github-grid{grid-template-columns:1fr}.thinking{padding-left:44px}.composer-wrap{width:calc(100% - 20px);padding-bottom:10px}.scroll-down{width:36px;height:36px;font-size:16px;top:-48px}.composer button{padding:0 16px;font-size:14px}.composer-footer .composer-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}