*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--hf-font,Inter), system-ui, -apple-system, Segoe UI, Roboto, sans-serif;background:var(--hf-bg,#fff);color:var(--hf-text,#111827)}.hf-screen{background-image:var(--hf-bg-image,none);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.hf-card{width:100%;max-width:560px}.hf-logo{object-fit:contain;max-width:180px;max-height:48px;margin-bottom:24px}.hf-title{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.15}.hf-desc{opacity:.7;margin:0 0 24px;font-size:1rem}.hf-input{border:none;border-bottom:2px solid color-mix(in srgb, var(--hf-text,#111827) 20%, transparent);width:100%;color:inherit;background:0 0;outline:none;padding:12px 4px;font-size:1.25rem}.hf-input:focus{border-bottom-color:var(--hf-primary,#e8590c)}.hf-field{margin-top:8px}.hf-textarea{resize:vertical;min-height:72px;font-family:inherit}.hf-choices{flex-direction:column;gap:10px;display:flex}.hf-choices-pic{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.hf-choice{text-align:left;border:2px solid color-mix(in srgb, var(--hf-text,#111827) 15%, transparent);border-radius:var(--hf-radius,8px);color:inherit;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:14px 16px;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.hf-choices-pic .hf-choice{flex-direction:column;align-items:stretch}.hf-choice:hover{border-color:color-mix(in srgb, var(--hf-primary,#e8590c) 60%, transparent)}.hf-choice-on{border-color:var(--hf-primary,#e8590c);background:color-mix(in srgb, var(--hf-primary,#e8590c) 12%, transparent)}.hf-choice-img{aspect-ratio:4/3;object-fit:contain;background:color-mix(in srgb, var(--hf-text,#111827) 4%, transparent);border-radius:calc(var(--hf-radius,8px) - 2px);width:100%}.hf-rating{gap:6px;font-size:2rem;display:flex}.hf-icon-btn{cursor:pointer;color:var(--hf-primary,#e8590c);background:0 0;border:none;padding:2px;line-height:1}.hf-scale-wrap{flex-direction:column;gap:6px;display:flex}.hf-scale{flex-wrap:wrap;gap:8px;display:flex}.hf-scale-btn{border:2px solid color-mix(in srgb, var(--hf-text,#111827) 15%, transparent);border-radius:var(--hf-radius,8px);min-width:44px;color:inherit;cursor:pointer;background:0 0;flex:1;padding:10px 0;font-size:1rem}.hf-scale-on{border-color:var(--hf-primary,#e8590c);background:var(--hf-primary,#e8590c);color:#fff}.hf-scale-labels{opacity:.6;justify-content:space-between;font-size:.8rem;display:flex}.hf-actions{align-items:center;gap:12px;margin-top:24px;display:flex}.hf-btn{border-radius:var(--hf-radius,8px);background:var(--hf-primary,#e8590c);color:#fff;cursor:pointer;border:none;padding:12px 24px;font-size:1rem;font-weight:600}.hf-btn:disabled{opacity:.5;cursor:not-allowed}.hf-hint{opacity:.55;font-size:.85rem}.hf-error{color:#dc2626;margin-top:8px;font-size:.9rem}.hf-progress{background:color-mix(in srgb, var(--hf-text,#111827) 12%, transparent);border-radius:2px;height:4px;margin-bottom:32px;overflow:hidden}.hf-progress>span{background:var(--hf-primary,#e8590c);height:100%;transition:width .3s;display:block}.hf-list{margin:16px 0 0;padding:0;list-style:none}.hf-list a{color:var(--hf-primary,#e8590c);font-weight:600;text-decoration:none}