:root{--feedback-border:#dbe3ef;--feedback-soft:#f6f8fc;--feedback-text:#17223b;--feedback-muted:#657089;--feedback-primary:#315fd6;--feedback-success:#157347}
.feedback-page{padding:118px 0 72px;background:linear-gradient(180deg,var(--bg-soft,#f7f9fc),#fff 34%)}
.feedback-shell{max-width:980px;margin:0 auto;padding:0 20px}
.feedback-hero{text-align:center;max-width:760px;margin:0 auto 38px}.feedback-hero .eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--feedback-primary);margin-bottom:10px}.feedback-hero h1{font-family:var(--font-heading,Georgia,serif);font-size:clamp(2rem,5vw,3.35rem);line-height:1.06;margin:0 0 16px;color:var(--text-heading,#111827)}.feedback-hero p{font-size:1.05rem;color:var(--feedback-muted);line-height:1.7;margin:0}
.feedback-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;align-items:start}.feedback-card{background:#fff;border:1px solid var(--feedback-border);border-radius:20px;box-shadow:0 14px 38px rgba(15,23,42,.06);padding:26px}.feedback-card h2{margin:0 0 8px;font-size:1.35rem;color:var(--feedback-text)}.feedback-card>p{margin:0 0 22px;color:var(--feedback-muted);line-height:1.6}
.feedback-form{display:grid;gap:17px}.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feedback-field label,.feedback-field legend{display:block;font-weight:700;font-size:.9rem;margin-bottom:7px;color:var(--feedback-text)}.feedback-field input,.feedback-field select,.feedback-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#111827;padding:12px 13px;font:inherit;box-sizing:border-box}.feedback-field textarea{min-height:132px;resize:vertical}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{outline:none;border-color:#6f8ee7;box-shadow:0 0 0 3px rgba(49,95,214,.12)}
.rating-group{border:0;padding:0;margin:0}.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px}.stars input{position:absolute;opacity:0;pointer-events:none}.stars label{font-size:2rem;line-height:1;cursor:pointer;color:#cbd5e1;margin:0;transition:.15s}.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:#f5b301}.stars input:focus-visible+label{outline:2px solid var(--feedback-primary);outline-offset:3px;border-radius:4px}
.feedback-consent{display:flex;align-items:flex-start;gap:9px;color:var(--feedback-muted);font-size:.9rem;line-height:1.5}.feedback-consent input{margin-top:3px}.feedback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.feedback-submit{border:0;background:var(--feedback-primary);color:#fff;border-radius:12px;padding:13px 18px;font-weight:800;font-size:.98rem;cursor:pointer}.feedback-submit:disabled{opacity:.6;cursor:wait}.feedback-status{min-height:24px;font-size:.92rem}.feedback-status.success{color:var(--feedback-success)}.feedback-status.error{color:#b42318}.feedback-note{font-size:.82rem;color:var(--feedback-muted);margin:0}
.feedback-summary{display:flex;align-items:center;gap:14px;padding:16px;border-radius:15px;background:var(--feedback-soft);margin-bottom:18px}.feedback-score{font-size:2.15rem;font-weight:900;color:var(--feedback-text)}.feedback-stars-static{color:#f5b301;letter-spacing:2px}.feedback-count{font-size:.87rem;color:var(--feedback-muted)}.feedback-list{display:grid;gap:13px}.feedback-item{padding:16px 0;border-top:1px solid #edf1f6}.feedback-item:first-child{border-top:0}.feedback-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.feedback-author{font-weight:800;color:var(--feedback-text)}.feedback-date{font-size:.8rem;color:var(--feedback-muted);white-space:nowrap}.feedback-item-rating{color:#f5b301;font-size:.9rem}.feedback-comment{margin:8px 0 0;color:#374151;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-resource{font-size:.8rem;color:var(--feedback-muted);margin-top:8px}.feedback-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:12px;color:var(--feedback-muted);text-align:center}
.sleeple-feedback-link{margin:42px auto 8px;max-width:800px;padding:18px 20px;border:1px solid #dce5f3;border-radius:16px;background:#f8faff;display:flex;justify-content:space-between;align-items:center;gap:18px}.sleeple-feedback-link strong{display:block;color:#17223b;margin-bottom:4px}.sleeple-feedback-link span{color:#657089;font-size:.92rem}.sleeple-feedback-link a{white-space:nowrap;text-decoration:none;font-weight:800;color:#fff;background:#315fd6;padding:10px 14px;border-radius:10px}.sleeple-footer-feedback{margin-top:8px}
[data-theme="dark"] .feedback-page{background:#0f172a}[data-theme="dark"] .feedback-card{background:#172033;border-color:#334155}[data-theme="dark"] .feedback-card h2,[data-theme="dark"] .feedback-field label,[data-theme="dark"] .feedback-field legend,[data-theme="dark"] .feedback-author,[data-theme="dark"] .feedback-score{color:#f8fafc}[data-theme="dark"] .feedback-field input,[data-theme="dark"] .feedback-field select,[data-theme="dark"] .feedback-field textarea{background:#0f172a;border-color:#475569;color:#f8fafc}[data-theme="dark"] .feedback-summary,[data-theme="dark"] .sleeple-feedback-link{background:#111c31;border-color:#334155}[data-theme="dark"] .feedback-comment,[data-theme="dark"] .sleeple-feedback-link strong{color:#e2e8f0}
@media(max-width:780px){.feedback-grid{grid-template-columns:1fr}.feedback-row{grid-template-columns:1fr}.feedback-card{padding:20px}.sleeple-feedback-link{align-items:flex-start;flex-direction:column}.feedback-page{padding-top:96px}}