.sd-clf{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-clf[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-clf :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-clf :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-clf .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-clf{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:12px;transition:box-shadow .2s}.sd-clf:focus-within{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-clf__ta{resize:none;width:100%;min-height:84px;max-height:180px;color:var(--fg);font:inherit;field-sizing:content;background:0 0;border:0;outline:0;font-size:15px;line-height:1.45;display:block}.sd-clf__ta::placeholder{color:var(--mute)}.sd-clf__foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;padding-top:10px;display:flex}.sd-clf__ring{width:26px;height:26px;transition:transform .3s cubic-bezier(.3,1.6,.4,1);transform:rotate(-90deg)}.sd-clf[data-near] .sd-clf__ring{transform:rotate(-90deg)scale(1.15)}.sd-clf__ring circle{fill:none;stroke-width:2.5px}.sd-clf__ring .bg{stroke:var(--soft)}.sd-clf__ring .fg{stroke:var(--fg);stroke-linecap:round;transition:stroke-dashoffset .15s}.sd-clf[data-over] .sd-clf__ring .fg{stroke-dasharray:3 3!important}.sd-clf__n{text-align:right;font-variant-numeric:tabular-nums;min-width:26px;color:var(--mute);font:600 12.5px/1 ui-monospace,monospace}.sd-clf[data-over] .sd-clf__n{color:var(--fg)}.sd-clf__over{color:var(--fg);margin-right:auto;font-size:12px;animation:.2s sd-clf-in}@keyframes sd-clf-in{0%{opacity:0;transform:translateY(3px)}}.sd-clf__post{border-radius:999px;height:32px;padding:0 14px;font-size:13px;font-weight:600;background:var(--strong)!important;color:var(--on)!important}.sd-clf__post:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.sd-clf *,.sd-clf :before,.sd-clf :after{transition:none!important;animation:none!important}}