:root{--ink:#edf5f1;--panel:#ffffff;--line:rgba(54,100,89,.19);--fg:#183d36;--mute:#4f6965;--water:#306c7e;--green:#376b47;--amber:#426b4d;color-scheme:light}
body{background:radial-gradient(ellipse at 0% 0%,#d1e9d3 0%,transparent 48%),radial-gradient(ellipse at 100% 25%,#d1e8f1 0%,transparent 48%),var(--ink);background-attachment:fixed}
.wrap{max-width:1500px;padding-top:28px}
.event-logo{display:block;width:min(340px,82vw);height:auto;margin:0 0 24px;padding:10px 14px;background:#fff;border-radius:10px}
.top{padding:28px 30px 32px;background:rgba(255,255,255,.55);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,0 12px 44px rgba(49,93,78,.06);border:1px solid var(--line);border-radius:18px;margin-bottom:20px}
.top h1{font-weight:400}.lede{max-width:70ch}
.bar{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 4px 24px rgba(47,83,73,.06),inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tg{min-height:44px;background:rgba(255,255,255,.65)}
.scene{padding-block:30px;gap:24px 32px}.chapter{padding-top:48px}.ch{margin-bottom:16px}
.wall{border-radius:8px;border:1px solid rgba(39,77,66,.22)}
.feedback{grid-column:2;min-width:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.56);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 8px 28px rgba(42,82,68,.055)}
.feedback-toggle{appearance:none;display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:14px 18px;text-align:left;background:transparent;color:var(--fg);border:0;font:500 14px/1.4 var(--body);cursor:pointer}
.feedback-count{margin-left:auto;color:var(--mute);font-size:12px;font-weight:400;white-space:nowrap}.feedback-chevron{width:16px;text-align:center;color:var(--green);font:22px/1 var(--body)}
.feedback-body{padding:0 20px 22px}.feedback-intro{margin:0 0 18px;color:var(--mute);font-size:14px}.feedback-status{color:var(--mute);font-size:14px;margin:14px 0}
.comments{list-style:none;padding:0;margin:0}.comment{padding:16px 0;border-top:1px solid var(--line)}.comment-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px}.comment-head strong{font-weight:500;color:var(--green)}.comment-head time{font-size:12px;color:var(--mute)}.comment-text{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65}
.feedback-form{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:16px}.identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feedback-form label{display:grid;gap:7px;color:var(--fg);font-size:13px;font-weight:500}.feedback-form input,.feedback-form textarea{width:100%;min-height:44px;border:1px solid rgba(63,108,96,.3);border-radius:8px;background:rgba(255,255,255,.8);color:var(--fg);padding:11px 12px;font:400 16px/1.5 var(--body);outline-offset:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.feedback-form textarea{resize:vertical;min-height:110px}.feedback-form textarea::placeholder{color:#5c756e}
.feedback-form .honeypot{position:absolute;left:-10000px;width:1px;height:1px;min-height:0;opacity:0}
.privacy-note{font-size:12px;line-height:1.6;color:var(--mute);margin:0;max-width:68ch}.form-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.submit-feedback{border:1px solid #37764f;border-radius:999px;background:#37764f;color:#fff;min-height:44px;padding:11px 21px;font:500 14px/1.4 var(--body);cursor:pointer;white-space:nowrap;transition:background-color 150ms ease-out,transform 150ms ease-out}.submit-feedback:active{transform:scale(.98)}.submit-feedback:disabled{opacity:.65;cursor:wait}.submit-status{font-size:13px;color:var(--green);margin:0;max-width:52ch}.submit-status.error{color:#a12d28}.text-button{appearance:none;background:none;border:0;color:var(--water);font:400 13px/1.4 var(--body);padding:10px 0;min-height:44px;cursor:pointer;margin-right:22px}.text-button:disabled{opacity:.6}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--water);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.feedback-toggle:hover{background:rgba(255,255,255,.45)}.submit-feedback:hover{background:#285f3d}.text-button:hover{text-decoration:underline}}
@media(max-width:860px){.feedback{grid-column:1}.top{padding:22px 20px}.scene{gap:20px}.bar .run{font-size:11px}.chapter{padding-top:36px}}
@media(max-width:480px){.identity-fields{grid-template-columns:1fr}.feedback-body{padding:0 16px 18px}.feedback-toggle{padding:14px 16px}.wrap{padding-inline:12px}.feedback-count{font-size:11px}.event-logo{margin-bottom:16px}.bar{gap:8px}}
@media(prefers-reduced-motion:reduce){.submit-feedback{transition:none}.submit-feedback:active{transform:none}}
@supports not (backdrop-filter:blur(1px)){.bar{background:#f5faf7}}
@media(prefers-reduced-transparency:reduce){.bar,.feedback,.top{background:#f5faf7;backdrop-filter:none}}

.input{background:#f5f1e5;color:#64522f;border-color:#cfc5a4}.event-logo{background:transparent;padding:0;border-radius:0}.comment-actions{margin-top:4px}.comment-actions .text-button{font-size:12px}.delete-comment{color:#983a30}.delete-confirm{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.delete-confirm .text-button{margin:0}.tg[aria-pressed="true"]{background:#e1eee5}.feedback-toggle{font-size:15px}