@layer components{.prompt-card{display:flex;flex-direction:column;gap:.625rem;padding:.875rem .625rem .625rem 1.125rem;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);border-radius:1.5rem;background-color:color-mix(in srgb,var(--bg-2) 80%,transparent);box-shadow:inset 0 1px 0 rgb(255 255 255/.07);text-align:left;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);transition:border-color var(--dur-ui) var(--ease-out),box-shadow var(--dur-ui) var(--ease-out)}.prompt-card:has(.prompt-input:focus),.prompt-card[data-listening]{border-color:color-mix(in srgb,var(--accent) 62%,transparent);box-shadow:inset 0 1px 0 rgb(255 255 255/.07),0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent),0 0 40px -6px color-mix(in srgb,var(--accent) 34%,transparent)}.prompt-input{display:block;width:100%;max-height:calc(5lh + .5rem);padding:.25rem .5rem .25rem 0;border:0;background:transparent;color:var(--fg);caret-color:var(--accent-ink);font-size:1.125rem;line-height:1.45;overflow-y:auto;resize:none;outline:none;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.prompt-input::placeholder{color:var(--fg-3);opacity:1}.prompt-bar{display:flex;align-items:center;gap:.375rem}.prompt-starts{--fade-start:0px;--fade-end:0px;display:flex;flex:1;min-width:0;margin:-6px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:1.5rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%)}.prompt-starts::-webkit-scrollbar{display:none}.prompt-starts[data-more-start]{--fade-start:1.5rem}.prompt-starts[data-more-end]{--fade-end:2.5rem}.prompt-set{display:flex;flex:none;gap:.25rem}.prompt-starts[data-swapped] .prompt-set{animation:prompt-set-in .32s var(--ease-out) both}.prompt-chip{display:inline-flex;flex:none;align-items:center;gap:.3125rem;height:2rem;padding:0 .625rem;border-radius:999px;background-color:color-mix(in srgb,var(--fg) 7%,transparent);font-size:.8125rem;font-weight:500;color:var(--fg-2);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.prompt-chip-plus{width:.75rem;height:.75rem;margin-left:-.125rem;color:var(--accent-ink)}.prompt-chip:hover{background-color:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg)}.prompt-chip[aria-pressed=true]{background-color:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-ink)}.prompt-send{flex:none;gap:.5rem;min-height:2.75rem;margin-left:auto;padding:0 .9375rem 0 1.0625rem}.prompt-mic{position:relative;display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background-color:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.prompt-mic svg{width:1.125rem;height:1.125rem}.prompt-mic:hover{background-color:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg)}.prompt-mic[aria-pressed=true]{background-color:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-ink)}.prompt-mic[aria-pressed=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:prompt-listen 1.6s var(--ease-out) infinite}.prompt-hint{position:relative;isolation:isolate;display:grid;width:fit-content;max-width:min(100%,38rem);margin-top:.875rem;font-size:.875rem;line-height:1.5;color:var(--fg-2)}.prompt-line{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out),visibility 0s linear .22s}.prompt-line[data-on]{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out)}.prompt-hint:before{content:"";position:absolute;inset:-.375rem -.75rem;z-index:-1;border-radius:999px;background-color:color-mix(in srgb,var(--bg) 80%,transparent);filter:blur(10px)}.prompt-link{text-underline-offset:.25em;transition:color .18s}.prompt-link:hover{color:var(--fg);text-decoration:underline}@media (min-width:640px){.prompt-card{padding:1rem .75rem .75rem 1.375rem}.prompt-input{font-size:1.25rem}}@media (max-width:639px){.prompt-send{width:2.75rem;padding:0}.prompt-send-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (prefers-reduced-motion:reduce){.prompt-starts[data-swapped] .prompt-set{animation:none}.prompt-mic[aria-pressed=true]:after{animation:none;box-shadow:0 0 14px 3px color-mix(in srgb,var(--accent) 30%,transparent)}}@media (pointer:coarse){.prompt-chip{height:2.25rem}.prompt-mic{width:2.75rem;height:2.75rem}}}@keyframes prompt-set-in{0%{opacity:0;transform:translateX(6px)}}@keyframes prompt-listen{0%{box-shadow:0 0 4px 1px color-mix(in srgb,var(--accent) 50%,transparent)}70%{box-shadow:0 0 22px 9px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 22px 9px transparent}}.prompt-input:focus-visible{outline:none}.dither-field[data-top][data-bottom]{-webkit-mask-image:linear-gradient(180deg,transparent,rgb(0 0 0/.3) 90px,#000 200px,#000 calc(100% - 200px),rgb(0 0 0/.35) calc(100% - 90px),transparent);mask-image:linear-gradient(180deg,transparent,rgb(0 0 0/.3) 90px,#000 200px,#000 calc(100% - 200px),rgb(0 0 0/.35) calc(100% - 90px),transparent)}.dim-label{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;font-family:var(--font-mono,ui-monospace,monospace);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);opacity:0;transition:opacity .7s var(--ease-out)}.dim-label[data-on]{opacity:1}.dim-label>span{display:inline-block;transform-origin:50% 60%;transition:transform .42s var(--ease-out),color .42s var(--ease-out)}.dim-label[data-hot]>span{color:var(--fg);transform:scale(1.7)}@media (prefers-reduced-motion:reduce){.dim-label,.dim-label>span{transition:none}}