.feedback-section{width:100%;max-width:none;box-sizing:border-box;margin:48px 0 0;padding:28px 32px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-left:4px solid var(--accent-solid);border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent-solid) 12%,var(--surface)),var(--surface) 75%);color:var(--text,inherit);scroll-margin-top:100px}
.feedback-section>details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}
.feedback-section>details>summary::-webkit-details-marker{display:none}
.feedback-section h2{margin:0 0 6px;font-size:24px;line-height:1.25;letter-spacing:-.5px;color:var(--accent,#ff8475)}
.feedback-section summary p{margin:0;color:var(--muted,inherit);font-size:14px;line-height:1.5}
.feedback-open-label{display:flex;gap:14px;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:10px 17px;border-radius:8px;background:#bf3d2e;color:#fff;font-size:13px;font-weight:650;transition:background .2s}.feedback-section>details>summary:hover .feedback-open-label{background:#a82f22}
.feedback-open-label::after{content:'+';font-size:22px;font-weight:400}
.feedback-section details[open] .feedback-open-label::after{content:'−'}
.feedback-form{margin-top:26px;padding-top:24px;border-top:1px solid var(--line,rgba(140,150,170,.25));display:grid;gap:18px}
.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feedback-form label{display:grid;gap:8px;font-size:13px;font-weight:650}
.feedback-form input,.feedback-form select,.feedback-form textarea{box-sizing:border-box;width:100%;min-height:44px;padding:12px;border:1px solid var(--line,rgba(140,150,170,.35));border-radius:8px;background:var(--surface,#fff);color:var(--text,#172339);font:inherit;font-size:14px;font-weight:450}
.feedback-form textarea{resize:vertical;min-height:96px;line-height:1.6}
.feedback-form input:focus,.feedback-form textarea:focus,.feedback-form select:focus{outline:2px solid var(--accent,#b74120);outline-offset:2px}
.feedback-form .feedback-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:12px;font-weight:450;color:var(--muted,inherit)}
.feedback-consent input{width:17px;min-height:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--accent,#b74120)}
.feedback-form .feedback-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.feedback-submit-row{display:flex;align-items:center;gap:20px}
.feedback-submit{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;min-height:44px;padding:11px 20px;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}
.feedback-submit:hover{background:var(--surface,rgba(128,128,128,.1))}
.feedback-submit:disabled{opacity:.5;cursor:wait}
#feedbackStatus{margin:0;font-size:13px;line-height:1.5}
#feedbackStatus[data-state=error]{color:#e1745c}
#feedbackStatus[data-state=success]{color:#4caa82}
[data-theme=light] #feedbackStatus[data-state=error]{color:#a82f22}
[data-theme=light] #feedbackStatus[data-state=success]{color:#256a4b}
.feedback-optional{font-weight:450;color:var(--muted,inherit)}
@media(max-width:760px){.feedback-section{margin:28px 0 0;padding:23px 20px}.feedback-section>details>summary{gap:18px;flex-wrap:wrap}.feedback-section h2{font-size:21px}.feedback-section summary p{font-size:13px}.feedback-open-label{font-size:12px}.feedback-fields{grid-template-columns:1fr}.feedback-form input,.feedback-form select,.feedback-form textarea{font-size:16px}.feedback-submit-row{align-items:flex-start;flex-direction:column;gap:12px}}

.feedback-section>details>summary::after{display:none}
.feedback-section summary p{font-weight:400}

/* A compact footer with a linked creator credit beside the brand. */
.home-content{padding-bottom:28px}
.site-footer{padding-top:0}
.site-footer .photo-rights{margin-bottom:0}
@media(max-width:760px){.home-content{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.feedback-open-label{transition:none}}

.site-copyright{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center;line-height:1.7}
@media(max-width:760px){.site-copyright{text-align:left}}

/* A compact, unmistakably clickable credit with a soft coral highlight. */
.footer-main .footer-creator{display:inline-flex;align-items:center;gap:14px;max-width:100%;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 13%,var(--bg)),color-mix(in srgb,var(--accent) 4%,var(--bg)));color:var(--text);font-size:15px;line-height:1.7;text-align:left;text-decoration:none;box-shadow:0 3px 14px color-mix(in srgb,var(--accent) 7%,transparent);transition:border-color .2s,box-shadow .2s}
.footer-creator-copy{min-width:0}
.footer-creator-label{color:var(--muted)}
.footer-creator-name{display:inline-block;color:var(--accent);font-size:17px;font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);text-underline-offset:5px;text-decoration-thickness:1px}
.footer-creator-arrow{flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.footer-creator:hover{border-color:var(--accent);box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 14%,transparent)}
.footer-creator:hover .footer-creator-name{text-decoration-color:var(--accent)}
.footer-creator:hover .footer-creator-arrow{transform:translate(2px,-2px)}
.footer-creator:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
/* The text stays solid and still; matching endpoints make the glow loop seamless. */
.footer-creator-name{animation:creator-name-glow 4.8s ease-in-out infinite}
@keyframes creator-name-glow{
 0%,100%{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}
 50%{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent)}
}
@media(max-width:800px){.footer-main .footer-creator{margin-top:14px;font-size:13px;padding:12px 15px;gap:12px}.footer-creator-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){.footer-creator-name{animation:none;text-shadow:none}.footer-main .footer-creator,.footer-creator-arrow{transition:none}.footer-creator:hover .footer-creator-arrow{transform:none}}