:root{--bg:#fff;--tile:#f5f5f7;--line:#d2d2d7;--ink:#1d1d1f;--muted:#6e6e73;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--pad:clamp(1.25rem, 5vw, 3rem);--side:17.5rem;--lift:cubic-bezier(.2,.8,.2,1);--tp:2.5rem;--bp:6.25rem}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.04em;font-weight:600;line-height:1.1}.lead{color:var(--muted);text-wrap:pretty;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5}.muted{color:var(--muted)}.nw{white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.btn{background:var(--ink);color:#fff;border-radius:999px;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.8}.app{grid-template-columns:var(--side) minmax(0, 1fr);height:100dvh;display:grid}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.col{width:100%;max-width:46rem;margin:0 auto}.side{background:var(--tile);border-right:1px solid var(--line);flex-direction:column;gap:1.1rem;min-height:0;padding:1.1rem .9rem;display:flex}.avatar{object-fit:cover;background:var(--tile);border-radius:50%;flex:none;width:2rem;height:2rem}.avatar.big{width:4rem;height:4rem}.id{align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.id strong{letter-spacing:-.01em;font-size:.95rem;display:block}.id small{color:var(--muted);margin-top:.1rem;font-size:.76rem;line-height:1.35;display:block}.new{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.55rem;padding:.6rem .85rem;font-size:.9rem;transition:background .2s;display:flex}.new:hover{background:#fafafa}.side nav{flex-direction:column;flex:1;gap:.1rem;min-height:0;display:flex;overflow-y:auto}.side h4{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:.6rem .85rem .4rem;font-size:.72rem;font-weight:600}.side nav button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.92rem;transition:background .2s,color .2s;display:flex}.side nav button:hover{color:var(--ink);background:#ebebef}.side nav button.seen:after{content:"";background:var(--line);border-radius:50%;width:.4rem;height:.4rem}.side nav button[aria-current=true]{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f,0 0 0 1px #0000000a}.side nav button[aria-current=true]:after{background:var(--ink)}.side-foot{align-items:center;gap:.5rem;padding-inline:.4rem;display:flex}.ico{width:2.1rem;height:2.1rem;color:var(--muted);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.ico:hover{color:var(--ink);background:#e8e8ed}.ico svg{fill:currentColor;width:1.05rem;height:1.05rem}.scrim,.topbar{display:none}.thread{scroll-behavior:smooth;min-height:0;padding:var(--tp) var(--pad) calc(var(--bp) + var(--grow,0px));flex:1;overflow-y:auto}.thread .col{flex-direction:column;min-height:100%;display:flex}.thread .col>.turn:first-child{margin-top:auto}.welcome{animation:rise .6s var(--lift) backwards;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:8vh;display:flex}.welcome h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}.soft{color:var(--muted)}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;transition:background .2s, transform .2s var(--lift);background:#fff;border-radius:999px;padding:.55rem 1rem;font-size:.9rem}.chip:hover{background:var(--tile);transform:translateY(-1px)}.msg-user{animation:rise .35s var(--lift) backwards;justify-content:flex-end;margin:2.25rem 0 1.5rem;scroll-margin-top:1.5rem;display:flex}.msg-user p{overflow-wrap:anywhere;white-space:pre-wrap;background:var(--tile);border-radius:20px;max-width:80%;padding:.7rem 1.1rem;line-height:1.5}.ai{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.ai .avatar{width:1.9rem;height:1.9rem;margin-top:.1rem}.body{flex-direction:column;flex:1;gap:1.25rem;min-width:0;line-height:1.6;display:flex}.body>*{animation:rise .5s var(--lift) backwards}.body>:nth-child(2){animation-delay:.1s}.body>:nth-child(3){animation-delay:.2s}.body>:nth-child(4){animation-delay:.3s}.body>:nth-child(5){animation-delay:.4s}.body>:nth-child(n+6){animation-delay:.5s}.dots{gap:.3rem;padding-top:.7rem;display:flex}.dots i{background:var(--muted);border-radius:50%;width:.45rem;height:.45rem;animation:1s ease-in-out infinite pulse}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.next{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.next small{color:var(--muted);font-size:.8rem}.group{flex-direction:column;gap:.4rem;display:flex}.group h3{font-size:1.4rem}dl{margin:.6rem 0 0}dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:1rem;padding:.8rem 0;display:grid}dl>div:last-child{border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:500;line-height:1.5}.figures{padding:0;list-style:none}.figures li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.4rem 0;display:grid}.figures li:last-child{border-bottom:1px solid var(--line)}.figures strong{letter-spacing:-.045em;font-size:clamp(2rem,5.6vw,3.4rem);font-weight:600;line-height:1}.figures .t{letter-spacing:-.01em;margin-bottom:.3rem;font-weight:600;display:block}.figures .d{color:var(--muted);font-size:.92rem;line-height:1.5;display:block}.builds{border-bottom:1px solid var(--line)}details{border-top:1px solid var(--line)}summary{cursor:pointer;grid-template-columns:2.4rem minmax(0,1fr) 1.5rem;align-items:baseline;gap:.5rem;padding:1.1rem 0;list-style:none;display:grid}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--muted);transition:transform .3s var(--lift), color .2s;justify-self:end;font-size:1.4rem;line-height:1}details[open] summary:after{color:var(--ink);transform:rotate(45deg)}summary:hover .bt{color:var(--muted)}.num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.bt{letter-spacing:-.02em;font-size:1.15rem;font-weight:600;transition:color .2s}details>p{color:var(--muted);animation:rise .35s var(--lift) backwards;padding:0 0 .5rem 2.9rem;line-height:1.55}.tg{color:var(--muted);padding:0 0 1.25rem 2.9rem;font-size:.8rem;display:block}form:not(.composer){flex-direction:column;gap:1rem;display:flex}.row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{display:block;position:relative}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--tile);resize:vertical;border:1px solid #0000;border-radius:16px;padding:1.5rem 1rem .6rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{padding-bottom:1.8rem}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #1d1d1f14}.field span{color:var(--muted);pointer-events:none;transform-origin:0;transition:all .15s;position:absolute;top:1rem;left:1rem}.field input:focus+span,.field input:not(:placeholder-shown)+span,.field textarea:focus+span,.field textarea:not(:placeholder-shown)+span{font-size:.72rem;top:.45rem}.field em{color:var(--muted);font-size:.72rem;font-style:normal;position:absolute;bottom:.55rem;right:1rem}.btn.send{cursor:pointer;border:0;justify-content:center;padding:1rem;font-weight:500}form:not(.composer) small{text-align:center;color:var(--muted);font-size:.85rem}.socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.socials a{background:var(--tile);border-radius:18px;align-items:center;gap:.9rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.socials a:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #00000040}.socials svg{width:1.5rem;height:1.5rem;fill:var(--ink);flex:none}.socials span{flex-direction:column;min-width:0;display:flex}.socials b{font-weight:600}.socials small{color:var(--muted);font-size:.8rem}.socials i{color:var(--muted);margin-left:auto;font-style:normal}.dock{padding:2rem var(--pad) .9rem;pointer-events:none;background:linear-gradient(#0000,#fff 32%);position:absolute;inset:auto 0 0}.dock>*{pointer-events:auto}.dock .col{position:relative}.down{border:1.5px solid var(--ink);cursor:pointer;opacity:0;pointer-events:none;width:2.4rem;height:2.4rem;transition:opacity .2s, transform .25s var(--lift), background .2s;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,8px)}.down.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.down:hover{background:var(--tile)}.down svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.composer{border:1px solid var(--line);background:#fff;border-radius:28px;align-items:flex-end;gap:.5rem;padding:.45rem .45rem .45rem 1.3rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 34px -14px #0003}.composer:focus-within{border-color:var(--ink);box-shadow:0 10px 34px -14px #0000004d,0 0 0 4px #1d1d1f0f}.composer textarea{resize:none;min-width:0;max-height:10rem;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:.6rem 0;font-size:1rem;line-height:1.5;overflow-y:auto}.composer .send{background:var(--ink);color:#fff;cursor:pointer;width:2.4rem;height:2.4rem;transition:opacity .2s, transform .2s var(--lift);border:0;border-radius:50%;flex:none;font-size:1.1rem}.composer .send:disabled{opacity:.25;cursor:default}.composer .send:not(:disabled):hover{transform:scale(1.06)}.note{text-align:center;color:var(--muted);margin-top:.55rem;font-size:.75rem}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr)}.side{z-index:30;visibility:hidden;width:min(18rem,86vw);transition:transform .3s var(--lift), visibility 0s .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 60px #00000040}.side.open{visibility:visible;transition:transform .3s var(--lift);transform:none}.scrim{z-index:25;opacity:0;pointer-events:none;background:#00000047;transition:opacity .3s;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.topbar{padding:.6rem var(--pad);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;display:flex}.menu{background:var(--tile);cursor:pointer;border:0;border-radius:12px;width:2.4rem;height:2.4rem;font-size:1.1rem}:root{--tp:1.5rem;--bp:7.25rem}.welcome{margin-top:2vh}}@media (width<=640px){dl>div{grid-template-columns:minmax(0,1fr);gap:.2rem}.figures li{grid-template-columns:minmax(0,1fr);gap:.6rem}.row,.socials{grid-template-columns:minmax(0,1fr)}.msg-user p{max-width:90%}.ai{gap:.75rem}}@media (prefers-reduced-motion:reduce){.welcome,.msg-user,.body>*,details>p,.dots i{animation:none}.thread{scroll-behavior:auto}}