.ask-five-shell{--ask-canvas:oklch(99.5% .004 250);--ask-ink:oklch(20% .055 259);--ask-control:oklch(27% .045 258);--ask-control-muted:oklch(46% .04 258);--ask-glass:oklch(98.5% .012 248/.76);--ask-glass-border:oklch(31% .045 258/.14);--ask-glass-shadow:0 1.5rem 4rem oklch(31% .08 250/.12);isolation:isolate;min-height:calc(100dvh - 3.5rem);margin-top:-1.5rem;margin-bottom:calc(-4rem - env(safe-area-inset-bottom));overscroll-behavior:none;background:var(--ask-canvas);color:var(--ask-ink);position:relative;overflow:hidden}:is(html:has(.ask-five-shell),body:has(.ask-five-shell)){overscroll-behavior:none;overflow:hidden}.ask-five-atmosphere{z-index:-1;background:radial-gradient(80% 44% at 50% 108%,oklch(82% .09 242/.72) 0%,oklch(91% .045 242/.44) 38%,#0000 76%),linear-gradient(oklch(99.8% .002 250) 0%,oklch(97.5% .013 245) 100%);position:absolute;inset:0}.skyline .ask-five-shell{--ask-canvas:oklch(14.5% .045 258);--ask-ink:oklch(98.5% .006 250);--ask-control:oklch(92% .018 245);--ask-control-muted:oklch(77% .025 245);--ask-glass:oklch(98% .008 250/.1);--ask-glass-border:oklch(100% 0 0/.18);--ask-glass-shadow:0 1.5rem 4.5rem oklch(6% .045 258/.44);background:var(--ask-canvas)}.skyline .ask-five-atmosphere{background:radial-gradient(70% 42% at 50% 106%,oklch(46% .13 244/.34),#0000 76%),radial-gradient(36% 26% at 50% 45%,oklch(31% .08 250/.17),#0000 82%),linear-gradient(oklch(14% .045 258) 0%,oklch(17% .052 258) 100%)}.ask-five-workspace{box-sizing:border-box;width:min(100%,80rem);min-height:calc(100dvh - 3.5rem);padding:clamp(1rem, 3.5dvh, 2.5rem) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-right)) calc(5.25rem + max(1rem, env(safe-area-inset-bottom))) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;margin-inline:auto;display:grid}.ask-five-identity{flex-direction:column;justify-content:center;place-self:center;align-items:center;gap:clamp(.1rem,.6dvh,.45rem);min-height:0;padding-block:clamp(1rem,4dvh,3.5rem);transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(clamp(-1rem,-1.5dvh,-.25rem))}.ask-five-wordmark{-webkit-user-select:none;user-select:none;width:clamp(7rem,19vw,10.75rem);height:auto}.skyline .ask-five-wordmark{filter:invert()brightness(1.08)}.ask-five-mark{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 .75rem 1.5rem oklch(19% .05 258/.08));width:clamp(9.25rem,26vw,13rem);height:auto;max-height:min(36dvh,19rem)}.skyline .ask-five-mark{filter:drop-shadow(0 0 .75px oklch(100% 0 0/.72))drop-shadow(0 1rem 2.25rem oklch(4% .04 258/.35))}.ask-five-shell[data-composer-state=drafting] .ask-five-identity{opacity:.94;transform:translateY(clamp(-1.4rem,-2.5dvh,-.5rem))scale(.985)}.ask-five-composer{border:1px solid var(--ask-glass-border);background:var(--ask-glass);width:min(100%,48rem);box-shadow:inset 0 1px 0 oklch(100% 0 0/.58), inset 0 -1px 0 oklch(24% .05 258/.04), var(--ask-glass-shadow);-webkit-backdrop-filter:blur(1.75rem)saturate(125%);backdrop-filter:blur(1.75rem)saturate(125%);border-radius:2.25rem;margin-inline:auto;padding:.45rem;transition:border-color .22s,box-shadow .28s,transform .22s}.skyline .ask-five-composer{box-shadow:inset 0 1px 0 oklch(100% 0 0/.15), inset 0 -1px 0 oklch(2% .04 258/.24), var(--ask-glass-shadow)}.ask-five-composer:focus-within{border-color:var(--ask-glass-border);box-shadow:inset 0 1px 0 oklch(100% 0 0/.62), var(--ask-glass-shadow)}.skyline .ask-five-composer:focus-within{border-color:var(--ask-glass-border);box-shadow:inset 0 1px 0 oklch(100% 0 0/.18), var(--ask-glass-shadow)}.ask-five-attachment-chip{min-height:2.25rem;color:var(--ask-control);background:oklch(31% .045 258/.08);border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin:.25rem .4rem .15rem;padding:.35rem .4rem .35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.skyline .ask-five-attachment-chip{background:oklch(100% 0 0/.09)}.ask-five-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ask-five-attachment-chip button{width:2rem;height:2rem;color:inherit;border-radius:999px;flex:none;place-items:center;display:grid}.ask-five-attachment-chip svg{width:1rem;height:1rem}.ask-five-composer-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(.2rem,1vw,.55rem);display:grid}.ask-five-composer-action,.ask-five-submit{cursor:pointer;width:3.25rem;height:3.25rem;color:var(--ask-control);border-radius:999px;flex:none;place-items:center;transition:color .18s,background-color .18s,opacity .18s,transform .18s;display:grid}.ask-five-composer-action svg,.ask-five-submit svg{stroke-width:1.8px;width:1.45rem;height:1.45rem}.ask-five-submit{background:var(--ask-control);color:var(--ask-canvas);border:1px solid oklch(100% 0 0/.22);box-shadow:inset 0 1px oklch(100% 0 0/.28),0 .4rem 1.1rem oklch(16% .05 258/.18)}.ask-five-submit:disabled{cursor:default;opacity:.56}.ask-five-composer textarea{field-sizing:content;resize:none;width:100%;min-height:3.25rem;max-height:9rem;color:var(--ask-ink);font:inherit;background:0 0;border:0;outline:0;padding:.9rem .25rem .78rem;font-size:clamp(1rem,1.6vw,1.08rem);font-weight:560;line-height:1.45;overflow-y:auto}.ask-five-composer textarea::placeholder{color:var(--ask-control-muted);letter-spacing:.035em;opacity:1}.ask-five-composer textarea::selection{color:var(--ask-ink);background:oklch(31% .045 258/.14)}.skyline .ask-five-composer textarea::selection{color:var(--ask-ink);background:oklch(100% 0 0/.18)}@media (hover:hover) and (pointer:fine){.ask-five-composer-action:hover,.ask-five-attachment-chip button:hover{color:var(--ask-ink);background:oklch(31% .045 258/.08)}.skyline .ask-five-composer-action:hover,.skyline .ask-five-attachment-chip button:hover{background:oklch(100% 0 0/.1)}.ask-five-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px oklch(100% 0 0/.34),0 .65rem 1.4rem oklch(16% .05 258/.24)}}.ask-five-composer-action:active,.ask-five-attachment-chip button:active,.ask-five-submit:not(:disabled):active{transform:scale(.96)}.ask-five-composer-action:focus-within,.ask-five-attachment-chip button:focus-visible,.ask-five-submit:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid oklch(54% .15 244)}@media (width>=48rem){.ask-five-workspace{padding-top:clamp(2rem,5dvh,4.5rem);padding-bottom:calc(5.75rem + max(1.5rem, env(safe-area-inset-bottom)))}.ask-five-composer{padding:.55rem}.ask-five-composer-action,.ask-five-submit{width:3.5rem;height:3.5rem}.ask-five-composer textarea{min-height:3.5rem;padding-block:.98rem .85rem}}@media (width>=80rem){.ask-five-workspace{width:min(100%,84rem)}.ask-five-composer{width:min(100%,50rem)}}@media (width<=22.5rem){.ask-five-workspace{padding-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right))}.ask-five-composer{padding:.35rem}.ask-five-composer-action,.ask-five-submit{width:3rem;height:3rem}.ask-five-composer textarea{min-height:3rem;font-size:1rem}}@media (height<=37.5rem) and (orientation:landscape){.ask-five-shell,.ask-five-workspace{min-height:calc(100dvh - 3.5rem)}.ask-five-workspace{padding-top:.75rem}.ask-five-identity{flex-direction:row;gap:1rem;padding-block:.5rem}.ask-five-wordmark{width:clamp(5.5rem,13vw,7.5rem)}.ask-five-mark{width:clamp(5.5rem,14vw,7rem);max-height:10.5rem}}@media (prefers-reduced-motion:reduce){.ask-five-identity,.ask-five-composer,.ask-five-composer-action,.ask-five-attachment-chip button,.ask-five-submit{transition:none}.ask-five-shell[data-composer-state=drafting] .ask-five-identity{transform:translateY(clamp(-1rem,-1.5dvh,-.25rem))}}