@font-face{font-family:"Persona Serif";src:url(/fonts/dm-serif-300.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Persona Sans;src:url(/fonts/inter-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Persona Sans;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Persona Mono;src:url(/fonts/roboto-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Persona Mono;src:url(/fonts/roboto-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--obsidian: #0f1011;--abyss: #090a0b;--graphite: #2e2e2e;--steel: #3f4041;--silver: #cacaca;--pure: #ffffff;--cloud: #f5f5f7;--ash: #9f9fa0;--fog: #6a6b6b;--void: #000000;--iris: #847dff;--cyan: #00b3dd;--pale-iris: #d1c9ff;--deep-iris: #4b49aa;--orchid: #dd90d8;--periwinkle: #90b8f0;--line: rgba(255, 255, 255, .1);--serif: "Persona Serif", "Lyon Display", Georgia, "Times New Roman", serif;--sans: "Persona Sans", "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "Persona Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-control: 8px;--r-card: 16px;--r-tile: 30px;--r-pill: 9999px;--gut: 24px;--shell: 940px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--obsidian);color:var(--cloud);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:var(--shell);margin:0 auto;padding:0 var(--gut);padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;flex:none}.wordmark{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none;color:inherit}.wordmark .mark{font-family:var(--serif);font-size:23px;line-height:1;color:var(--pure)}.wordmark .name{font-family:var(--serif);font-size:19px;letter-spacing:-.01em;color:var(--pure)}.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12px;letter-spacing:0;color:var(--ash);white-space:nowrap;transition:color .2s ease}.status .dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--ash);flex:none;transition:background-color .2s ease}.status[data-state=busy]{color:var(--pale-iris)}.status[data-state=busy] .dot{background:var(--iris)}.status[data-state=limited]{color:var(--orchid)}.status[data-state=limited] .dot{background:var(--orchid)}.status[data-state=error]{color:var(--periwinkle)}.status[data-state=error] .dot{background:var(--periwinkle)}.chat{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:var(--steel) transparent}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{background:var(--steel);border-radius:var(--r-pill)}.stage{padding:24px 0 0}.display{font-family:var(--serif);font-weight:400;font-size:clamp(40px,7.2vw,80px);line-height:.95;letter-spacing:-.02em;color:var(--pure);margin:0 0 20px}.display em{font-style:italic;color:var(--cloud)}.lede{font-family:var(--sans);font-weight:300;font-size:18px;line-height:1.55;color:var(--ash);max-width:545px;margin:0 0 42px}.mono-label{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.01em;color:var(--ash);margin:0 0 14px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:0;border-radius:var(--r-tile);padding:21px 21px 19px;cursor:pointer;font-family:var(--sans);transition:transform .2s ease,filter .2s ease}.tile:hover{transform:translateY(-2px);filter:brightness(1.06)}.tile:active{transform:translateY(0);filter:brightness(.96)}.tile:focus-visible{outline:2px solid var(--pure);outline-offset:3px}.tile-name{font-family:var(--serif);font-size:25px;line-height:1.05;letter-spacing:-.01em}.tile-desc{font-family:var(--sans);font-size:13px;font-weight:400;line-height:1.4}.tile[data-hue=iris]{background:var(--iris);color:var(--void)}.tile[data-hue=cyan]{background:var(--cyan);color:var(--void)}.tile[data-hue=orchid]{background:var(--orchid);color:var(--void)}.tile[data-hue=periwinkle]{background:var(--periwinkle);color:var(--void)}.tile[data-hue=pale]{background:var(--pale-iris);color:var(--void)}.tile[data-hue=deep]{background:var(--deep-iris);color:var(--pure)}.tile[data-hue=deep] .tile-desc{color:var(--pale-iris)}.more{font-family:var(--sans);font-weight:300;font-size:14px;line-height:1.6;color:var(--ash);margin:0 0 8px}.more .mono-label{display:inline;margin-right:9px}.more{margin-bottom:0}.msg{display:flex;gap:12px;margin:0 0 18px;align-items:flex-start;animation:rise .18s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.msg.user{flex-direction:row-reverse}.avatar{flex:none;width:28px;height:28px;border-radius:var(--r-pill);display:grid;place-items:center;font-family:var(--sans);font-size:11px;color:var(--ash);background:var(--graphite);margin-top:2px}.msg.bot .avatar{font-family:var(--serif);font-size:14px;color:var(--pure)}.bubble{max-width:min(60ch,78%);padding:13px 17px;border-radius:var(--r-card);font-size:15.5px;line-height:1.62;background:var(--graphite);color:var(--cloud);border-left:2px solid var(--steel);white-space:pre-wrap;overflow-wrap:anywhere;line-break:strict;hanging-punctuation:allow-end}.msg.user .bubble{background:var(--steel);color:var(--pure);border-left:0;border-right:2px solid rgba(255,255,255,.22)}.bubble a{color:var(--periwinkle);text-decoration:underline;text-underline-offset:2px}.sys{align-self:center;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--orchid);text-align:center;padding:8px 14px;margin:0 auto 16px;max-width:90%}.typing{display:inline-flex;gap:5px;align-items:center;padding:3px 1px}.typing i{width:5px;height:5px;border-radius:var(--r-pill);background:var(--ash);animation:blink 1.3s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer{flex:none;display:flex;align-items:flex-end;gap:10px;background:var(--void);border:1px solid var(--line);border-radius:var(--r-control);padding:5px 5px 5px 0;margin-bottom:14px;transition:border-color .2s ease}.composer:focus-within{border-color:#ffffff38}.composer textarea{flex:1 1 auto;resize:none;border:0;background:transparent;color:var(--cloud);font-family:var(--sans);font-size:16px;line-height:1.5;padding:11px 8px 11px 22px;min-height:44px;max-height:160px;overflow-y:hidden;outline:none;scrollbar-width:thin;scrollbar-color:var(--steel) transparent}.composer textarea.is-scrollable{overflow-y:auto}.composer textarea::-webkit-scrollbar{width:6px}.composer textarea::-webkit-scrollbar-thumb{background:var(--steel);border-radius:3px}.composer textarea::placeholder{color:var(--ash)}.composer textarea:disabled{color:var(--fog);cursor:not-allowed}.send{flex:none;width:40px;height:40px;border:0;border-radius:var(--r-pill);background:#fff3;color:var(--pure);display:grid;place-items:center;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.send:hover:not(:disabled){background:#ffffff4d}.send:active:not(:disabled){background:#ffffff29}.send:focus-visible{outline:2px solid var(--pure);outline-offset:2px}.send:disabled{opacity:.4;cursor:not-allowed}.foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 max(18px,env(safe-area-inset-bottom))}#quota{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ash);margin:0;transition:color .2s ease;font-variant-numeric:tabular-nums}.foot .mono-label.is-low{color:var(--orchid)}.foot-links{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12px;letter-spacing:0;color:var(--ash)}.foot-links a{color:var(--ash);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.foot-links a:hover{color:var(--pure);border-bottom-color:var(--line)}@media(max-height:760px)and (min-width:761px){.stage{padding:8px 0 0}.display{font-size:clamp(34px,5.2vw,54px);margin-bottom:12px}.lede{font-size:16px;margin-bottom:24px;max-width:520px}.mono-label{margin-bottom:10px}.tiles{gap:10px;margin-bottom:16px}.tile{border-radius:22px;padding:16px 17px 15px}.tile-name{font-size:21px}.tile-desc{font-size:12px}.topbar{height:54px}}@media(max-width:760px){:root{--gut: 16px}.topbar{height:56px}.stage{padding:16px 0 4px}.display{font-size:clamp(34px,10vw,46px);margin-bottom:16px}.lede{font-size:16px;margin-bottom:28px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.tile{border-radius:22px;padding:15px 15px 14px;gap:4px}.tile-name{font-size:19px}.tile-desc{font-size:12px}.bubble{max-width:88%;font-size:15px}.foot-links{font-size:10px}}@media(max-width:430px){.tiles{gap:8px}.tile{border-radius:18px;padding:13px 13px 12px}.tile-name{font-size:17px}.tile-desc{font-size:11.5px;line-height:1.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
