:root{--ground:#fff;--ink:#1d1d1f;--secondary:#6e6e73;--surface:#f5f5f7;--hairline:#00000014;--accent:#3a5bff;--accent-ink:#fff;--glass:#ffffffa8;--field:.34;--glow:#3a5bff24;--shadow:0 1px 2px #0000000a, 0 10px 30px #00000012;--live:#34c759;--whatsapp:#25d366;--whatsapp-hover:#20bd5a;--whatsapp-ink:#0b2e13;--whatsapp-glow:#25d3663d;--radius:18px;--maxw:640px;--ease:cubic-bezier(.22,1,.36,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#000;--ink:#f5f5f7;--secondary:#86868b;--surface:#1c1c1e;--hairline:#ffffff1f;--glass:#0000008c;--field:.32;--glow:#3a5bff2e;--shadow:0 1px 2px #0009, 0 10px 30px #00000080}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,system-ui,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.47;display:flex;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(70px);opacity:var(--field);will-change:transform,opacity;border-radius:50%;transition:opacity .8s;position:absolute}.b1{background:radial-gradient(circle,#3a5bff 0%,#0000 62%);width:62vmax;height:62vmax;animation:28s ease-in-out infinite alternate d1;top:-28vmax;left:-22vmax}.b2{background:radial-gradient(circle,#7a5cff 0%,#0000 62%);width:56vmax;height:56vmax;animation:34s ease-in-out infinite alternate d2;bottom:-30vmax;right:-24vmax}.b3{background:radial-gradient(circle,#3ad1ff 0%,#0000 62%);width:38vmax;height:38vmax;animation:24s ease-in-out infinite alternate d3;top:38vh;left:28vmax}@keyframes d1{to{transform:translate(18vmax,14vmax)scale(1.12)}}@keyframes d2{to{transform:translate(-16vmax,-18vmax)scale(1.08)}}@keyframes d3{to{transform:translate(-14vmax,-22vh)scale(1.2)}}body[data-mood=thinking] .blob{opacity:calc(var(--field) + .16);animation-duration:7s}body[data-mood=grounded] .b1{opacity:calc(var(--field) + .3)}.glow{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,var(--glow) 0%,transparent 60%);border-radius:50%;width:440px;height:440px;transition:opacity .5s;position:fixed}@media (hover:hover){.glow.on{opacity:1}}header,main,footer{z-index:1;position:relative}header{z-index:5;-webkit-backdrop-filter:saturate(180%)blur(22px);background:var(--glass);border-bottom:1px solid var(--hairline);transition:box-shadow .3s;position:sticky;top:0}header.scrolled{box-shadow:0 8px 24px #0000000f}.bar{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 20px;display:flex}.wordmark{letter-spacing:-.01em;align-items:baseline;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark span{color:var(--secondary);font-weight:500}main{flex-direction:column;flex:1;padding-bottom:176px;display:flex}.lead{max-width:var(--maxw);text-align:center;width:100%;margin:0 auto;padding:44px 20px 10px}h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:30px;font-weight:600;line-height:1.1}.sub{max-width:34ch;color:var(--secondary);text-wrap:balance;opacity:0;animation:rise .6s var(--ease) .26s forwards;margin:10px auto 0;font-size:16px;transform:translateY(10px)}.lead h1 .w{opacity:0;animation:rise .7s var(--ease) forwards;animation-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(14px)}@keyframes rise{to{opacity:1;transform:none}}@media (width<=520px){h1{font-size:26px}.lead{padding-top:28px}}.page{max-width:var(--maxw);width:100%;margin:0 auto;padding:56px 20px 80px}.page h1{margin-bottom:20px;font-size:32px}.page p{margin:0 0 16px}.conversation{max-width:var(--maxw);flex-direction:column;gap:22px;width:100%;margin:0 auto;padding:30px 20px 24px;display:flex}.msg{flex-direction:column;gap:10px;display:flex}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.from-user{align-self:flex-end;max-width:82%}.from-user p{background:var(--surface);border-radius:var(--radius);border-bottom-right-radius:6px;padding:11px 16px}.from-askken{align-self:flex-start;max-width:92%;padding-left:24px;position:relative}.from-askken:before{content:"";background:var(--secondary);opacity:.65;border-radius:50%;width:10px;height:10px;transition:background .4s,opacity .4s;animation:2.4s ease-in-out breathe;position:absolute;top:.58em;left:0}.from-askken.is-thinking:before{background:var(--accent);opacity:1;animation:1.1s ease-in-out infinite breathe}.from-askken.is-thinking p:empty{min-height:1.47em}.from-askken.grounded:before{background:var(--accent);opacity:1}.from-askken.grounded:after{content:"";border:2px solid var(--accent);opacity:0;border-radius:50%;width:18px;height:18px;animation:1.1s ease-out .2s ring;position:absolute;top:calc(.58em - 4px);left:-4px}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}}@keyframes ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.4)}}.arrive{animation:arrive .5s var(--ease) both}.from-user.arrive{animation-name:arrive-user}@keyframes arrive{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes arrive-user{0%{opacity:0;transform:translate(10px,4px)scale(.98)}to{opacity:1;transform:none}}.w{opacity:0;animation:.38s ease-out forwards word;animation-delay:calc(var(--i) * 26ms)}@keyframes word{to{opacity:1}}.caret{vertical-align:-.15em;background:var(--accent);width:2px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}.meta{color:var(--secondary);opacity:0;animation:.5s ease-out forwards word;animation-delay:var(--after,0s);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.grounded-mark{color:var(--accent);font-weight:500}.src{color:var(--secondary)}.src b{color:var(--ink);font-weight:500}details.sources{font-size:13px}details.sources summary{cursor:pointer;color:var(--secondary);list-style:none;transition:color .15s}details.sources summary:hover{color:var(--ink)}details.sources summary::-webkit-details-marker{display:none}details.sources summary:after{content:" ▾";transition:transform .25s var(--ease);font-size:11px;display:inline-block}details.sources[open] summary:after{transform:rotate(180deg)}details.sources ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}details.sources li{background:var(--surface);color:var(--ink);animation:arrive .35s var(--ease) both;animation-delay:calc(var(--i) * 50ms);border-radius:10px;padding:8px 12px}.chips{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.chip{border:1px solid var(--hairline);cursor:pointer;text-align:left;opacity:0;min-height:44px;animation:arrive .45s var(--ease) both;animation-delay:calc(var(--i,0) * 65ms);transition:background .18s ease, border-color .18s ease, transform .18s var(--ease), box-shadow .18s ease;background:0 0;border-radius:22px;padding:10px 16px;font-size:15px}.chip:hover{background:var(--surface);box-shadow:var(--shadow);transform:translateY(-1px)}.chip:active{transform:scale(.97)}.chip[disabled]{opacity:.4;cursor:default;box-shadow:none;transform:none}.chip.selected{background:var(--ink);color:var(--ground);border-color:var(--ink);opacity:1}.chips.openers .chip{white-space:nowrap;max-width:320px;min-height:32px;transition:background .18s ease, border-color .18s ease, transform .24s var(--ease), box-shadow .18s ease, max-width .24s var(--ease), opacity .24s ease, padding .24s var(--ease), border-width .24s ease;border-radius:16px;padding:6px 12px;font-size:13px}.chips.openers .chip.gone{opacity:0;pointer-events:none;border-width:0;max-width:0;padding-left:0;padding-right:0;overflow:hidden;transform:scale(.9)}.capture{gap:8px;max-width:420px;margin-top:4px;display:flex}.capture input{border:1px solid var(--hairline);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;border-radius:12px;flex:1;padding:10px 14px;font-size:15px;transition:box-shadow .2s}.capture input:focus{box-shadow:0 0 0 4px var(--glow);outline:none}.capture button{background:var(--ink);min-height:44px;color:var(--ground);cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:12px;padding:0 16px;font-size:15px;font-weight:500}.capture button:active{transform:scale(.97)}.capture button:disabled{opacity:.5;cursor:default}.note{color:var(--secondary);font-size:13px}.bottom{z-index:5;-webkit-backdrop-filter:saturate(180%)blur(22px);background:var(--glass);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.composer-wrap{padding:12px 20px 0}.bottom .foot{max-width:var(--maxw);opacity:.7;color:var(--secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;margin:0 auto;padding:8px 20px 10px;font-size:11px;display:flex}.bottom .foot .sep{opacity:.5}.bottom .foot .co{margin-left:0}.composer{max-width:var(--maxw);background:var(--surface);box-shadow:var(--shadow);transition:box-shadow .25s ease, transform .25s var(--ease);border-radius:26px;align-items:flex-end;gap:10px;margin:0 auto;padding:8px 8px 8px 18px;display:flex}.composer:focus-within{box-shadow:var(--shadow), 0 0 0 4px var(--glow);transform:translateY(-1px)}.field{flex:1;min-width:0;position:relative}.field textarea{resize:none;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;min-height:28px;max-height:160px;padding:6px 0;font-size:17px;line-height:1.4;display:block}.ph{color:var(--secondary);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:100%;position:absolute;top:6px;left:0;overflow:hidden}.ph:after{content:"|";margin-left:1px;animation:1s steps(2,end) infinite blink}.send{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease), opacity .2s ease, box-shadow .2s ease;border:0;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.send:hover{box-shadow:0 6px 18px var(--glow);transform:scale(1.06)}.send:active{transform:scale(.94)}.send:disabled{opacity:.3;cursor:default;box-shadow:none;transform:none}.send svg{width:18px;height:18px}.send.fly svg{animation:fly .55s var(--ease)}.whatsapp-cta{width:max-content;margin:8px max(0px, calc((100% - var(--maxw))/2)) 0 auto;background:var(--whatsapp);color:var(--whatsapp-ink);transition:background .18s ease, box-shadow .18s ease, transform .18s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.whatsapp-cta:hover{background:var(--whatsapp-hover);box-shadow:0 4px 12px var(--whatsapp-glow);transform:translateY(-1px)}.whatsapp-cta:active{box-shadow:none;transform:scale(.97)}.whatsapp-cta svg{flex:none;width:18px;height:18px}@keyframes fly{0%{opacity:1;transform:none}45%{opacity:0;transform:translateY(-22px)}50%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}footer{border-top:1px solid var(--hairline)}.foot{max-width:var(--maxw);color:var(--secondary);flex-wrap:wrap;gap:8px 22px;margin:0 auto;padding:18px 20px 28px;font-size:12px;display:flex}.foot a{text-decoration:none;transition:color .15s}.foot a:hover{color:var(--ink)}.foot .co{margin-left:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.blob{animation:none}.glow{display:none}.arrive,.w,.meta,.chip,.lead h1 .w,details.sources li{opacity:1;animation:none;transform:none}.from-askken:before,.from-askken.grounded:after,.from-askken.is-thinking:before{animation:none}.sub{opacity:1;animation:none;transform:none}.chips.openers .chip{transition:none}.caret,.ph:after{display:none}.send.fly svg{animation:none}}.ph.hidden{display:none}
