.free-tool-surface,body.resource-galaxy{background-color:#060b18;background-image:radial-gradient(ellipse at 12% 20%,#163c7b40,transparent 50%),radial-gradient(ellipse at 89% 62%,#182c6040,transparent 50%),radial-gradient(circle at 30px 70px,#a6bfff55 0 1px,transparent 1.8px),radial-gradient(circle at 215px 320px,#a6bfff44 0 .8px,transparent 1.5px),radial-gradient(circle at 399px 140px,#6b9de44d 0 1px,transparent 2px);background-size:auto,auto,530px 430px,620px 510px,710px 580px}
.hook-wrap{width:min(1120px,calc(100% - 48px));margin:auto;padding:54px 0 40px}.hook-heading{max-width:780px;margin-bottom:32px}.hook-heading h1{font-size:clamp(2.3rem,5vw,4.5rem)}.hook-heading h1 span{color:#90baff}.hook-heading>p:last-child{font-size:18px;margin-top:22px}.hook-steps{list-style:none;display:flex;gap:32px;padding:0;margin:32px 0;color:#8193b0;font-size:15px}.hook-steps li{display:flex;align-items:center;gap:10px}.hook-steps span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #354e74;border-radius:50%}.hook-steps [aria-current]{color:#d7e7ff}.hook-steps [aria-current] span{background:#214d94;border-color:#6599ed}.hook-panel{padding:32px;border:1px solid #2f4972;border-radius:16px;background:#0b1426e8;box-shadow:0 0 45px #12336426}.hook-panel h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:20px}.hook-panel input{width:100%;min-height:48px;padding:12px 14px;background:#080f20;border:1px solid #344966;border-radius:7px;color:#eff5ff;font-size:16px}.hook-panel label{display:block;font-size:16px;margin:22px 0 8px;color:#d9e5fa}.hook-panel small{font-size:14px;color:#98adc9}.hook-panel label small{margin-left:6px}.hook-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hook-goals{border:0;padding:0;margin:28px 0}.hook-goals legend{font-size:16px;margin-bottom:12px;color:#d9e5fa}.hook-goals>div{display:flex;flex-wrap:wrap;gap:10px}.hook-goal{display:flex;border:1px solid #334d73;border-radius:8px;overflow:hidden}.hook-goal button{background:#0b162a;color:#bdd2f0;border:0;min-height:44px;padding:9px 12px;font-size:14px}.hook-goal button[aria-pressed=true]{background:#204d94;color:white}.hook-goal button:last-child{padding-inline:10px;display:grid;place-items:center}.hook-explainer{background:#101d34;color:#edf5ff;max-width:calc(100vw - 32px);font-size:16px;line-height:1.6}.hook-explainer p{margin-top:8px}.hook-small{font-size:14px}.hook-gate{max-width:560px}.hook-gate .btn{margin:20px 0}.hook-gate small{display:block}.hook-gate a{text-decoration:underline}.hook-section-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.hook-topics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hook-topics>button{text-align:left;padding:22px;border:1px solid #304b75;background:#0c1a31;border-radius:10px;color:#e3edff}.hook-topics h3{font-size:20px;line-height:1.3;margin:12px 0}.hook-topics p{font-size:16px;line-height:1.6}.hook-topics span{display:flex;align-items:center;gap:8px;color:#a7caff;font-size:14px}.hook-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:28px 0 18px}.hook-results{display:grid;gap:16px}.hook-results article{padding:24px;border:1px solid #2b446b;background:#0b1a31;border-radius:10px}.hook-result-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#87abe0}.hook-results h3{font-size:clamp(20px,2.5vw,28px);line-height:1.4;letter-spacing:-.02em;margin:16px 0}.hook-results p{font-size:16px;line-height:1.6;margin:0}.hook-status{min-height:30px;margin-top:20px;font-size:16px}.hook-panel .text-button{min-height:44px;display:inline-flex;align-items:center;gap:8px}.hook-panel input:focus-visible{outline:1px solid #7faeff;outline-offset:1px;box-shadow:0 0 12px #3266ab35}
@media(max-width:650px){.hook-wrap{width:calc(100% - 32px);padding-top:32px}.hook-panel{padding:20px}.hook-fields,.hook-topics{grid-template-columns:1fr}.hook-fields{gap:0}.hook-steps{gap:14px;font-size:14px;flex-wrap:wrap}.hook-steps li{gap:6px}.hook-section-top{flex-direction:column;gap:8px}.hook-results article{padding:18px}.hook-actions{align-items:stretch;flex-direction:column}.hook-actions .btn{width:100%}.hook-heading>p:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.free-tool-surface *{scroll-behavior:auto}}

.hook-topic-card{padding:22px;border:1px solid #304b75;background:#0c1a31;border-radius:12px;min-width:0;display:flex;flex-direction:column;gap:10px}.hook-topic-rank{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.hook-topic-rank span{color:#86e0ce;font-size:14px}.hook-topic-card h3{margin:4px 0}.topic-metrics{display:grid;gap:13px;margin:8px 0}.topic-metric>div,.topic-trend{display:flex;justify-content:space-between;gap:12px;font-size:14px}.topic-metric strong,.topic-trend strong{color:#e2edff;white-space:nowrap}.topic-metric meter{display:block;width:100%;height:9px;margin-top:7px;background:#203555;border:0;border-radius:10px}.topic-metric meter::-webkit-meter-bar{background:#203555;border:0;border-radius:10px}.topic-metric meter::-webkit-meter-optimum-value{background:#79abff;border-radius:10px}.topic-metric meter::-moz-meter-bar{background:#79abff}.topic-trend{padding-top:10px;border-top:1px solid #294363}.hook-topic-card .topic-score-reason{font-size:14px;color:#b3c6e1}.hook-topic-card>.text-button{margin-top:auto;align-self:flex-start}.hook-score-guide{margin:0 0 24px;font-size:14px;color:#c4d6f1;line-height:1.6}.hook-score-guide summary{cursor:pointer;min-height:40px}.hook-score-guide p{margin:8px 0}.hook-reference-examples{margin:24px 0 30px;padding-bottom:22px;border-bottom:1px solid #294363}.hook-reference-examples h3{font-size:20px;margin-bottom:12px}.hook-reference-examples blockquote{margin:8px 0;font-size:20px;line-height:1.5}.hook-topic-card :focus-visible{outline:2px solid #90baff;outline-offset:4px}@media(max-width:650px){.hook-topic-card{padding:18px}.hook-topic-rank{flex-direction:column;gap:6px}}

.hook-loading-track{height:5px;width:min(100%,360px);margin-top:24px;border-radius:999px;background:#173153;overflow:hidden;position:relative}.hook-loading-track span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#387bdd,#91c9ff,#387bdd);box-shadow:0 0 12px #4f9cff70;animation:hook-loading-sweep 1.8s ease-in-out infinite}@keyframes hook-loading-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(365%)}}@media(prefers-reduced-motion:reduce){.hook-loading-track span{animation:none;transform:translateX(80%)}}
.hook-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;margin-block:24px}.hook-template-list .hook-panel{margin:0;padding:24px;overflow-wrap:anywhere}.hook-template-list h3{font-size:22px;margin-bottom:16px}.hook-template-form{margin-block:24px}.hook-template-form label,.hook-bank-editor details>label{display:block;margin-block:16px}.hook-template-form input:not([type=checkbox]),.hook-template-form textarea,.hook-bank-editor details textarea{display:block;width:100%;padding:10px;background:#0b162a;border:1px solid #35527d;border-radius:6px;color:#eff4ff}.hook-template-form fieldset{display:flex;flex-wrap:wrap;gap:16px;border:1px solid #35527d;padding:12px}.hook-template-form fieldset label{margin:0}.hook-template-form input[type=checkbox],.hook-bank-save input{margin-right:8px}.hook-bank-save{position:sticky;bottom:0;background:#0b1425f5;padding:18px;border-top:1px solid #35527d;display:flex;flex-wrap:wrap;align-items:center;gap:16px;z-index:5}.hook-bank-save p{width:100%;margin:0}.hook-bank-editor>h2{margin-top:28px}

/* One continuous branded page surface across public and owner routes. */
body.resource-galaxy .site-shell,body.resource-galaxy .site-content,body.resource-galaxy .free-tool-surface,body.resource-galaxy .site-footer{background:transparent}

.hook-results .hook-flag-button{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 13px;min-height:44px;border:1px solid #47658f;border-radius:8px;background:#13243d;color:#d3e5ff;font-weight:600}.hook-results .hook-flag-button:hover:not(:disabled){background:#203858;border-color:#91b9ef}.hook-results .hook-flag-button:focus-visible{outline:2px solid #91b9ef;outline-offset:3px}.hook-results .hook-flag-button:disabled{opacity:.65}.hook-flag-button svg{flex-shrink:0}

.hook-results article.hook-flagged{background:#321722;border-color:#d37783}.hook-results .hook-flagged .hook-flag-button{background:#4b202c;border-color:#d37783;color:#ffe0e4;opacity:1}.hook-results .hook-flagged .hook-result-top>span{color:#f0b8c0}