.lf-trigger{display:inline-flex;flex-shrink:0;align-items:center;gap:5px;border-radius:9999px;min-height:32px;padding:3px 12px;border:1px solid color-mix(in srgb,var(--subject-tint) 35%,transparent);background:transparent;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.lf-trigger:hover{background:color-mix(in srgb,var(--subject-tint) 14%,transparent);border-color:color-mix(in srgb,var(--subject-tint) 55%,transparent)}.lf-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.dark .lf-trigger{color:var(--on-dark-strong)}@media (max-width:639.98px){.lf-trigger{justify-content:center;width:44px;height:44px;padding:0}.lf-trigger-text{display:none}}.lf-form{display:flex;flex-direction:column;gap:14px}.lf-attached{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-container-low)}.lf-attached-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px;color:var(--ok)}.lf-attached-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.lf-attached-where{margin-top:2px;font-size:13px;line-height:1.45;color:var(--text)}.lf-field{display:flex;flex-direction:column;gap:6px}.lf-label{font-size:13px;font-weight:600;color:var(--text)}.lf-textarea{width:100%;min-height:120px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-container-low);color:var(--text);font-family:inherit;font-size:15px;line-height:1.5;resize:vertical}.lf-textarea::-moz-placeholder{color:var(--text-muted)}.lf-textarea::placeholder{color:var(--text-muted)}.lf-textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.lf-counter{align-self:flex-end;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.lf-trigger{transition:none}}html[data-skin=classroom] :is(.lf-attached,.lf-textarea){border-radius:var(--skin-radius-btn)}html[data-skin=sketchbook] .lf-trigger{border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-btn);background:var(--surface-solid);box-shadow:2px 2px 0 var(--skin-shadow-ink)}html.dark[data-skin=sketchbook] .lf-trigger{border-color:var(--skin-ink-strong);color:var(--text)}html[data-skin=sketchbook] .lf-trigger:hover{background:var(--skin-wash-butter);border-color:var(--skin-ink)}html.dark[data-skin=sketchbook] .lf-trigger:hover{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] :is(.lf-trigger,.lf-textarea):focus-visible{outline-style:dashed}html[data-skin=sketchbook] .lf-attached{border:var(--skin-line) dashed var(--skin-divider);border-radius:var(--skin-wobble-sm);background:var(--surface)}html[data-skin=sketchbook] .lf-textarea{border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-sm);background:var(--surface)}html.dark[data-skin=sketchbook] .lf-textarea{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .lf-textarea:focus{box-shadow:2px 2px 0 var(--brand)}