.cf{font-family:var(--serif);color:var(--paper);display:grid}:where(.cf) :where(button){all:unset;box-sizing:border-box;cursor:pointer}:where(.cf) :where(a){color:inherit}.cf-panel{transition:grid-template-rows var(--dur-300) var(--easing-out);grid-template-rows:0fr;display:grid}.cf.is-open .cf-panel{border-top:1px solid var(--rule);grid-template-rows:1fr}.cf-fields{gap:var(--space-3);min-height:0;max-height:55svh;display:grid;overflow:hidden}.cf.is-open .cf-fields{padding-top:var(--space-4);overflow-y:auto}.cf-login,.cf-as,.cf-replying{align-items:center;gap:var(--space-3);font-size:var(--fs-13);color:var(--paper-2);flex-wrap:wrap;margin:0;display:flex}.cf-login span{font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-12);color:var(--paper-3)}.cf-login button,.cf-as button,.cf-replying button{padding:var(--space-1) var(--space-3);font-size:var(--fs-13);color:var(--paper);border:1px solid var(--rule);transition:border-color var(--dur-200) ease}.cf-login button:hover,.cf-login button:focus-visible,.cf-as button:hover,.cf-as button:focus-visible,.cf-replying button:hover,.cf-replying button:focus-visible{border-color:var(--paper-2)}.cf-login .cf-provider{width:36px;height:36px;font-size:var(--fs-16);color:var(--paper-2);transition:border-color var(--dur-200) ease, color var(--dur-200) ease;place-items:center;padding:0;display:inline-grid}.cf-login .cf-provider:hover,.cf-login .cf-provider:focus-visible{color:var(--paper);border-color:var(--amber)}.cf-row{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.4fr) 120px;display:grid}.cf-input{gap:var(--space-1);display:grid}.cf-input span{font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-12);color:var(--paper-3)}.cf-input input,.cf-text textarea{width:100%;min-width:0;padding:var(--space-1) 0;font:inherit;font-size:var(--fs-16);color:var(--paper);border:0;border-bottom:1px solid var(--rule);appearance:none;background:0 0;border-radius:0;outline:none}.cf-input input:focus{border-bottom-color:var(--paper-2)}:is(.cf-input input,.cf-text textarea)::placeholder{color:var(--paper-3)}.cf-input input[aria-invalid=true],.cf-text textarea[aria-invalid=true]{border-bottom-color:var(--amber)}.cf-rules{gap:var(--space-1);font-size:var(--fs-12);color:var(--paper-3);margin:0;padding:0;list-style:none;display:grid}.cf-rules li:before{content:"·  "}.cf-rules a{font-family:var(--mono-font);color:var(--paper-2);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.cf-bar{align-items:end;gap:var(--space-4);padding-top:var(--space-5);margin-top:var(--space-3);border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative}.cf-wave{top:calc(-1 * var(--space-2));pointer-events:none;width:100%;height:14px;position:absolute;left:0;overflow:visible}.cf-wave path{fill:none;stroke:var(--paper);stroke-width:1px;vector-effect:non-scaling-stroke}.cf-wave.is-flying{animation:cf-fly 1.2s var(--easing-standard) forwards}@keyframes cf-fly{to{opacity:0;transform:translate(60%)}}.cf-k{padding-bottom:var(--space-2);font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-18);color:var(--amber)}.cf-text{display:grid;position:relative}.cf-k.is-shell{font-size:var(--fs-14);letter-spacing:normal;color:var(--paper-2)}.cf-ph{top:var(--space-1);align-items:center;gap:var(--space-1);font-size:var(--fs-16);color:var(--paper-3);pointer-events:none;display:inline-flex;position:absolute;left:0}.cf-ph:after{content:"";background:var(--amber);width:1px;height:1.1em;animation:1.1s step-end infinite cf-caret}@keyframes cf-caret{50%{opacity:0}}.cf-text textarea{caret-color:var(--amber);resize:none;scrollbar-width:thin;display:block}.cf-text textarea:focus{border-bottom-color:var(--paper-2)}.cf-meter{padding-bottom:var(--space-2);font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-8);color:var(--paper-3);white-space:nowrap}.cf-submit{padding:var(--space-2) var(--space-4);font-size:var(--fs-14);color:var(--paper);white-space:nowrap;border:1px solid var(--rule);transition:border-color var(--dur-200) ease}.cf-submit:hover,.cf-submit:focus-visible{border-color:var(--amber)}.cf-submit:disabled{cursor:default;opacity:.5}.cf-note{min-height:1.5em;margin-top:var(--space-1);font-size:var(--fs-12);color:var(--paper-2);display:block}.cf-note em{color:var(--amber);font-style:normal}@media (width<=900px){.cf-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=760px){.cf-bar{grid-template-columns:minmax(0,1fr) auto}.cf-k,.cf-meter{display:none}}