.tf{--tf-star: #f5a524;--tf-star-off: var(--color-border-strong, #cbd5e1);color:var(--color-text)}.tf--card{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface, #fff);box-shadow:var(--shadow-xs)}.tf--compact{margin-top:var(--space-3)}.tf--compact .tf-form,.tf--compact .tf-thanks{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-muted)}.tf-title{margin:0 0 var(--space-1);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold, 700)}.tf-muted{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.tf-lead{margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-sm)}.tf-stars{display:flex;justify-content:center;gap:var(--space-1);direction:ltr}.tf-star{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:transform var(--duration-fast, .15s) var(--ease-out, ease-out);touch-action:manipulation}.tf-star:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),35%);outline-offset:2px}.tf-star:active{transform:scale(.92)}.tf-star-icon{width:36px;height:36px;fill:none;stroke:var(--tf-star-off);stroke-width:1.6;stroke-linejoin:round}.tf-star.is-on .tf-star-icon,.tf-star-icon.is-on{fill:var(--tf-star);stroke:var(--tf-star)}@media (hover: hover){.tf-stars:hover .tf-star .tf-star-icon{fill:var(--tf-star);stroke:var(--tf-star)}.tf-stars .tf-star:hover~.tf-star .tf-star-icon{fill:none;stroke:var(--tf-star-off)}}.tf-rating-word{min-height:1.5em;margin:var(--space-1) 0 0;text-align:center;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-muted)}.tf-stars-static{display:inline-flex;gap:2px;direction:ltr;vertical-align:middle}.tf-stars-static .tf-star-icon{width:20px;height:20px}.tf-fieldset{margin:0 0 var(--space-3);padding:0;border:0}.tf-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tf-chip{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface, #fff);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;text-align:start;cursor:pointer;touch-action:manipulation}.tf-chip.is-on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold, 600)}.tf-chip:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),35%);outline-offset:2px}.tf-label{display:block;margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, 600)}.tf-hint-inline{font-weight:400;color:var(--color-text-muted)}.tf-required{color:var(--color-danger)}.tf-input{display:block;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface, #fff);color:var(--color-text);font:inherit;font-size:max(16px,var(--font-size-base))}.tf-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(var(--color-primary-rgb), 25%))}.tf-input.is-invalid{border-color:var(--color-danger)}.tf-textarea{resize:vertical;min-height:96px}.tf-hint{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.tf-hint--error,.tf-error{color:var(--color-danger)}.tf-error{margin:0 0 var(--space-3);font-size:var(--font-size-sm)}.tf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.tf-submit{flex:1 1 100%;min-height:48px}@media (min-width: 576px){.tf-submit{flex:0 0 auto;min-width:180px}}.tf-link{min-height:44px;padding:0 var(--space-2);border:0;background:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, 600);cursor:pointer}.tf-link:disabled{opacity:.6}.tf-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.tf-summary__label{color:var(--color-text-muted)}.tf-ask{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border-strong, var(--color-border));border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, 600);cursor:pointer}.tf-ask:hover{border-color:var(--tf-star)}.tf-thanks{text-align:center}.tf-thanks .tf-stars-static{margin:var(--space-1) 0 var(--space-2)}.tf-thanks .tf-stars-static .tf-star-icon{width:26px;height:26px}.tf--compact .tf-thanks{text-align:start}@media (prefers-reduced-motion: reduce){.tf-star{transition:none}}