.hook-checker textarea{width:100%;resize:vertical;min-height:128px;max-height:420px;font:inherit;line-height:1.55;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);caret-color:var(--primary)}.hook-checker textarea::placeholder{color:var(--muted-foreground);opacity:1}.hook-checker textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hook-checker .composer .hint{margin-top:8px}.hook-checker .hook-content{max-width:840px}.hook-checker .hook-content section.beat{margin-top:100px}.hook-checker ul,.hook-checker ol{padding-left:24px;margin-top:24px}.hook-checker li+li{margin-top:16px}.hook-checker .hook-content .primary{margin-top:24px}.hook-checker .hook-handoff{margin-top:40px;padding:28px;background:var(--surface-muted);border-radius:12px}.hook-checker .hook-result{margin-top:64px;padding-top:32px;border-top:1px solid var(--border)}.hook-checker .hook-score{display:flex;align-items:baseline;gap:20px;font-variant-numeric:tabular-nums}.hook-checker .hook-score strong{font-size:64px;line-height:1.1;color:var(--primary)}.hook-checker .hook-result h2{font-size:28px;margin-top:32px}.hook-checker .hook-rewrites li{padding-bottom:20px;border-bottom:1px solid var(--border)}.hook-checker .hook-rewrites p{margin:0;overflow-wrap:anywhere}.hook-checker .hook-copy{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;margin-top:12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}.hook-checker .hook-copy:hover{background:var(--surface-muted)}.hook-checker button:disabled,.hook-checker select:disabled{opacity:.65;cursor:wait;transform:none}.hook-checker .hook-closing{text-align:center;padding:100px 0}.hook-checker #hook-status{overflow-wrap:anywhere}@media(max-width:600px){.hook-checker .hero{padding-top:40px}.hook-checker .hero h1{font-size:38px}.hook-checker .hero .lead{font-size:17px}.hook-checker .compose-controls{align-items:stretch;flex-direction:column}.hook-checker .compose-controls select{width:100%}.hook-checker .hook-content h2{font-size:30px}.hook-checker .hook-handoff{padding:20px}.hook-checker .hook-content section.beat{margin-top:72px}.hook-checker .hook-closing{padding:72px 0}}@media(prefers-reduced-motion:reduce){.hook-checker .primary{transition:none}.hook-checker .primary:hover{transform:none}}