.cx{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""tabs""frame""direct";padding-top:2.5rem;display:grid}.cx-head{grid-area:head}.cx-tabs{grid-area:tabs}.cx-frame{grid-area:frame}.cx-direct{grid-area:direct}@media (min-width:64rem){.cx{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"head head head head.frame frame frame frame frame frame frame""tabs tabs tabs tabs.frame frame frame frame frame frame frame"". . . . .direct direct direct direct direct direct direct";column-gap:1.25rem;padding-top:4rem}}.cx-title{font-family:var(--font-display-stack);font-optical-sizing:auto;letter-spacing:-.035em;font-size:clamp(3.5rem,2rem + 6vw,6.5rem);font-weight:300;line-height:.96}.cx-sub{max-width:34ch;color:var(--muted);text-wrap:pretty;margin-top:1.25rem}@media (min-width:64rem){.cx-sub{margin-top:1.75rem}}.cx-tabs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;margin-top:2rem;display:grid}.cx-tab{border-top:1px solid var(--line-strong);min-height:2.75rem;color:color-mix(in srgb, var(--fg) 72%, var(--bg));text-align:start;cursor:pointer;transition:color var(--dur-hover) ease;align-content:start;gap:.25rem;padding-block:.875rem 1rem;padding-inline-end:.5rem;display:grid;position:relative}.cx-tab:before{content:"";top:-1px;background:var(--comet);transform-origin:0;block-size:2px;transition:transform .32s var(--ease-out);position:absolute;inset-inline:0;transform:scaleX(0)}.cx-tab[aria-selected=true]{color:var(--fg)}.cx-tab[aria-selected=true]:before{transform:scaleX(1)}.cx-tabs[data-anim=none] .cx-tab:before{transition:none}@media (hover:hover) and (pointer:fine){.cx-tab:hover{color:var(--fg)}}.cx-tab:focus-visible{outline-offset:4px}.cx-tab-title{font-family:var(--font-display-stack);font-optical-sizing:auto;letter-spacing:-.02em;font-size:clamp(1.125rem,5.5vw,1.5rem);font-weight:300;line-height:1.1}.cx-tab-line{color:var(--muted);text-wrap:pretty;font-size:.8125rem;line-height:1.45}@media (min-width:40rem){.cx-tab-line{font-size:.875rem}}@media (min-width:64rem){.cx-tabs{top:calc(var(--header-h) + 2rem);grid-template-columns:minmax(0,1fr);align-self:start;margin-top:3rem;position:sticky}.cx-tab{padding-block:1.125rem 1.25rem}.cx-tab-title{font-size:1.875rem}.cx-tab:last-child{border-bottom:1px solid var(--line-strong)}}.cx-frame{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--bg-raised);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;align-self:start;margin-top:.75rem;position:relative;overflow:clip}@media (min-width:64rem){.cx-frame{margin-top:.5rem}}.cx-panel:focus{outline:none}.cx-panel:focus-visible{outline:2px solid var(--comet);outline-offset:-2px}.cx-panel.is-brief{background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1.2px);background-size:24px 24px}.cx-cell{background:var(--bg-raised);min-width:0;transition:background-color var(--dur-hover) ease;border:0;margin:0;padding:.875rem 1.125rem .75rem;position:relative}.cx-label{color:var(--muted);transition:color var(--dur-hover) ease;padding:0;font-size:.8125rem;font-weight:500;line-height:1.3;display:block}legend.cx-label{float:inline-start;inline-size:100%}.cx-optional{color:var(--muted);font-weight:400}.cx-cell:focus-within .cx-label{color:var(--fg)}.cx-input{width:100%;color:var(--fg);caret-color:var(--comet);background:0 0;border:0;border-radius:0;margin-top:.25rem;padding:.25rem 0 .375rem;font-size:1.0625rem;line-height:1.5;display:block}.cx-input::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}.cx-input:focus-visible{outline:none}.cx-cell:has(>.cx-input:focus-visible){box-shadow:inset 0 0 0 1px var(--comet)}@media (hover:hover) and (pointer:fine){.cx-cell:has(>.cx-input):hover{background:color-mix(in srgb, var(--fg) 2.5%, var(--bg-raised))}}.cx-cell[data-invalid]{box-shadow:inset 0 0 0 1px var(--ember)}.cx-cell[data-invalid] .cx-label{color:var(--ember)}.cx-input:-webkit-autofill{-webkit-text-fill-color:var(--fg);box-shadow:inset 0 0 0 100vmax var(--bg-raised);transition:background-color 600000s}.cx-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);box-shadow:inset 0 0 0 100vmax var(--bg-raised);transition:background-color 600000s}.cx-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);box-shadow:inset 0 0 0 100vmax var(--bg-raised);transition:background-color 600000s}.cx-text{resize:vertical;min-height:6.5rem}@supports (field-sizing:content){.cx-text{field-sizing:content;max-height:22rem}}.cx-error{color:var(--ember);margin-top:.125rem;padding-bottom:.25rem;font-size:.8125rem}.cx-cell-foot{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cx-count{font-family:var(--font-mono-stack);font-variant-numeric:tabular-nums;color:var(--muted);margin-inline-start:auto;padding-top:.125rem;font-size:.75rem;line-height:1rem}.cx-form{display:grid}.cx-sheet{background:var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr);gap:1px;display:grid}@media (min-width:40rem){.cx-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-cell.is-wide{grid-column:1/-1}}.cx-carried{font-size:.875rem;line-height:1.45}.cx-carried:not(:empty){border-bottom:1px solid var(--line-strong);align-items:baseline;gap:.625rem;padding:.875rem 1.125rem;display:flex}.cx-carried:not(:empty):before{content:"";background:var(--comet);flex:none;block-size:6px;inline-size:6px;transform:translateY(-1px)}.cx-chips{clear:both;flex-wrap:wrap;gap:.5rem;padding-top:.625rem;padding-bottom:.375rem;display:flex}.cx-chip{border:1px solid var(--line-strong);border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:2.75rem;transition:border-color var(--dur-hover) ease, background-color var(--dur-hover) ease, color var(--dur-hover) ease;align-items:center;gap:.625rem;padding-inline:.875rem 1rem;font-size:.9375rem;line-height:1.2;display:inline-flex;position:relative}.cx-chip-box{border:1px solid var(--muted);block-size:.5rem;inline-size:.5rem;transition:background-color var(--dur-hover) ease, border-color var(--dur-hover) ease;flex:none}@media (hover:hover) and (pointer:fine){.cx-chip:hover{border-color:var(--fg)}}.cx-chip:has(:checked){border-color:var(--fg);background-color:var(--fg);color:var(--bg)}.cx-chip:has(:checked) .cx-chip-box{border-color:var(--comet);background-color:var(--comet)}.cx-chip:has(:focus-visible){outline:2px solid var(--comet);outline-offset:3px}.cx-chip[data-fresh]:after{content:"";border:1px solid var(--comet);border-radius:calc(var(--radius-button) + 3px);pointer-events:none;opacity:0;animation:1.6s ease-out .45s both cx-fresh;position:absolute;inset:-4px}@keyframes cx-fresh{0%{opacity:0}20%{opacity:1}to{opacity:0}}.cx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.125rem;display:flex}.cx-notice{max-width:46ch;color:var(--muted);flex:16rem;font-size:.8125rem;line-height:1.5}.cx-notice a{color:var(--fg)}@media (max-width:39.99rem){.cx-send{inline-size:100%}}.cx-failed{border:1px solid var(--ember);border-radius:var(--radius-card);margin:1.125rem 1.125rem 0;padding:.875rem 1rem;font-size:.9375rem}.cx-dev{color:var(--muted);padding:0 1.125rem 1.125rem;font-size:.8125rem}.cx-done{padding:2.5rem 1.5rem 2rem}.cx-done-title{font-family:var(--font-display-stack);font-optical-sizing:auto;letter-spacing:-.03em;font-size:clamp(2.75rem,5vw,4rem);font-weight:300;line-height:1}.cx-done-body{max-width:46ch;color:var(--muted);margin-top:1rem}.cx-done .cx-ghost{margin-top:2rem}.cx-ghost{border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--bg-raised);white-space:nowrap;cursor:pointer;min-height:2.75rem;transition:border-color var(--dur-hover) ease, transform var(--dur-press) ease;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.125rem;font-size:.9375rem;font-weight:500;display:inline-flex}.cx-ghost:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cx-ghost:hover{border-color:var(--fg)}}.cx-brief{padding:1.5rem 1.125rem 1.375rem}@media (min-width:40rem){.cx-brief{padding:1.75rem 1.5rem 1.5rem}}.cx-brief-intro{font-family:var(--font-display-stack);font-optical-sizing:auto;letter-spacing:-.02em;text-wrap:pretty;font-size:1.5rem;font-weight:300;line-height:1.2}@media (min-width:40rem){.cx-brief-intro{font-size:1.625rem}}.cx-situations{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.cx-situations-label{color:var(--muted);flex-basis:100%;margin-bottom:.125rem;font-size:.8125rem}.cx-situation{border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--bg-raised);text-align:start;cursor:pointer;min-height:2.75rem;transition:border-color var(--dur-hover) ease, transform var(--dur-press) ease;align-items:center;padding-inline:.875rem;font-size:.9375rem;display:inline-flex}.cx-situation:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cx-situation:hover{border-color:var(--fg)}}.cx-ask{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--bg);margin-top:1.25rem;overflow:clip}.cx-ask .cx-cell{background:var(--bg)}@media (hover:hover) and (pointer:fine){.cx-ask .cx-cell:has(>.cx-input):hover{background:var(--bg)}}.cx-ask-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.75rem .75rem .75rem 1.125rem;display:flex}.cx-meter,.cx-signals{flex-wrap:wrap;align-items:center;gap:.375rem .875rem;display:flex}.cx-meter-label{color:var(--muted);font-size:.8125rem}.cx-signal{color:var(--muted);transition:color var(--dur-hover) ease;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.cx-signal-bar{border:1px solid var(--muted);flex:none;block-size:.5rem;inline-size:.5rem;position:relative}.cx-signal-bar:after{content:"";background:var(--fg);transition:transform .24s var(--ease-out);position:absolute;inset:-1px;transform:scale(0)}.cx-signal[data-on]{color:var(--fg)}.cx-signal[data-on] .cx-signal-bar{border-color:var(--fg)}.cx-signal[data-on] .cx-signal-bar:after{transform:none}.cx-ask-actions{align-items:center;gap:1rem;margin-inline-start:auto;display:flex}.cx-ask-actions .cx-count{padding-top:0}.cx-brief-note{max-width:62ch;color:var(--muted);margin-top:.875rem;font-size:.8125rem;line-height:1.5}.cx-result:not(:empty){margin-top:1.75rem}.cx-result-message{max-width:52ch}.cx-result-title{color:var(--muted);margin-bottom:.5rem;font-size:.8125rem}.cx-picks{border-top:1px solid var(--line-strong)}.cx-pick{border-bottom:1px solid var(--line);padding-block:.75rem 1rem}.cx-pick-link{min-height:2.75rem;font-family:var(--font-display-stack);font-optical-sizing:auto;letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.625rem;font-weight:300;line-height:1.15;display:inline-flex}.cx-pick-reason{max-width:56ch;color:var(--muted);font-size:.9375rem;line-height:1.55}.cx-pick-words{color:var(--muted);margin-top:.375rem;font-size:.8125rem}.cx-pick-words span{color:var(--fg)}.cx-result-foot{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.25rem;display:flex}.cx-use{border-radius:var(--radius-button);background:var(--fg);min-height:3rem;color:var(--bg);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-hover) ease, transform var(--dur-press) ease;align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:1rem;font-weight:500;display:inline-flex}.cx-use:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cx-use:hover{background:color-mix(in srgb, var(--fg) 86%, var(--bg))}}.cx-demo{color:var(--muted);font-size:.9375rem}.cx-demo-link{min-height:2.75rem;color:var(--fg);align-items:center;gap:.375rem;display:inline-flex}.cx-direct{margin-top:3.5rem}.cx-direct dl>div{border-top:1px solid var(--line);grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;gap:1rem;padding-block:.875rem;display:grid}.cx-direct dl>div:last-child{border-bottom:1px solid var(--line)}.cx-direct dt{color:var(--muted);font-size:.8125rem}.cx-direct dd{overflow-wrap:anywhere}@media (min-width:40rem){.cx-direct{margin-top:2rem}.cx-direct dl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.25rem;display:grid}.cx-direct dl>div{grid-template-columns:minmax(0,1fr);gap:.25rem;padding-block:.875rem 0}.cx-direct dl>div:last-child{border-bottom:0}}@media (prefers-reduced-motion:no-preference){.cx-tabs[data-anim=init] .cx-tab[aria-selected=true]:before{animation:cx-rule .6s var(--ease-out) .2s backwards}.cx-frame:after{content:"";top:0;z-index:3;background:var(--comet);pointer-events:none;opacity:0;block-size:1px;inline-size:26%;animation:cx-beam 1.3s var(--ease-in-out) .6s both;position:absolute;inset-inline-start:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.cx-frame[data-anim=wipe]>.cx-panel{animation:cx-wipe .6s var(--ease-in-out) backwards}.cx-result-in>*,.cx-pick{animation:cx-rise .45s var(--ease-out) backwards}.cx-pick:nth-child(2){animation-delay:70ms}.cx-pick:nth-child(3){animation-delay:.14s}.cx-result-foot{animation-delay:.2s}}@media (prefers-reduced-motion:reduce){.cx-tab:before,.cx-signal-bar:after,.cx-chip,.cx-ghost,.cx-use,.cx-situation{transition-duration:0s}.cx-ghost:active,.cx-use:active,.cx-situation:active{transform:none}.cx-frame[data-anim=wipe]>.cx-panel,.cx-result-in>*{animation:.18s backwards cx-fade}}@keyframes cx-rule{0%{transform:scaleX(0)}}@keyframes cx-beam{0%{opacity:0;transform:translate(-100%)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(385%)}}@keyframes cx-wipe{0%{clip-path:polygon(0 100%,0 100%,0 100%)}to{clip-path:polygon(0 100%,0 -200%,300% 100%)}}@keyframes cx-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes cx-fade{0%{opacity:0}}
