:root{color-scheme:light;--scope-bg: #f5f7f4;--scope-panel: rgba(255, 255, 255, .86);--scope-panel-strong: #ffffff;--scope-text: #15181d;--scope-muted: rgba(21, 24, 29, .68);--scope-faint: rgba(21, 24, 29, .52);--scope-line: rgba(21, 24, 29, .12);--scope-ink: #284b42;--scope-accent: #2f6f5f;--scope-warning: #b78b32}:root[data-theme=dark]{color-scheme:dark;--scope-bg: #101411;--scope-panel: rgba(28, 34, 31, .9);--scope-panel-strong: #1f2723;--scope-text: #f3f1ec;--scope-muted: rgba(243, 241, 236, .72);--scope-faint: rgba(243, 241, 236, .56);--scope-line: rgba(243, 241, 236, .14);--scope-ink: #9ed0c1;--scope-accent: #9bd9c6;--scope-warning: #d4b15b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--scope-accent) 12%,transparent),transparent 32rem),var(--scope-bg);color:var(--scope-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.feedback-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 44px}.feedback-topbar,.topbar-actions,.brand-link{display:flex;align-items:center;gap:12px}.feedback-topbar{justify-content:space-between;padding-bottom:18px}.brand-link{color:var(--scope-text);font-weight:800;text-decoration:none}.brand-link img{height:30px;width:auto}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;color:var(--scope-muted);font-size:.86rem}.theme-toggle,.top-link,.primary-btn{min-height:40px;border-radius:8px;font:inherit;font-weight:780}.theme-toggle,.top-link{border:1px solid var(--scope-line);background:var(--scope-panel);color:var(--scope-text);padding:8px 12px;text-decoration:none}.feedback-hero,.feedback-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start}.feedback-hero{margin-top:8px}.hero-copy,.feedback-boundary,.copy-panel,.form-panel{min-width:0;border:1px solid var(--scope-line);border-radius:12px;background:var(--scope-panel);box-shadow:0 18px 60px #0000000e}.hero-copy{padding:clamp(22px,4vw,42px)}.scope-kicker{margin:0 0 8px;color:var(--scope-ink);font-size:.74rem;font-weight:840;letter-spacing:.12em;text-transform:uppercase}h1,h2,p,li,label{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2rem,5vw,4.1rem);line-height:1;letter-spacing:0}.hero-copy>p{max-width:66ch;color:var(--scope-muted);font-size:1.02rem;line-height:1.7}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.status-grid div{min-width:0;padding:12px;border:1px solid var(--scope-line);border-radius:10px;background:color-mix(in srgb,var(--scope-panel-strong) 74%,transparent)}.status-grid span{display:block;margin-bottom:5px;color:var(--scope-faint);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-grid strong{color:var(--scope-text);font-size:.95rem}.feedback-boundary,.copy-panel,.form-panel{padding:20px}.feedback-boundary h2,.info-block h2,.form-heading h2,.attachment-heading h3{margin:0 0 10px;font-size:1.18rem}.feedback-boundary p,.info-block p,.info-block li,.form-heading p,.attachment-heading p,.attachment-helper,.checkbox-row label,.confirmation-message,.form-error{color:var(--scope-muted);line-height:1.65}.feedback-layout{margin-top:18px}.copy-panel,.form-panel{display:grid;gap:16px}.info-block{padding-bottom:16px;border-bottom:1px solid var(--scope-line)}.info-block:last-child{padding-bottom:0;border-bottom:0}.info-block ul{margin:0;padding-left:20px}.warning-block{padding:14px;border:1px solid color-mix(in srgb,var(--scope-warning) 36%,var(--scope-line));border-radius:10px;background:color-mix(in srgb,var(--scope-warning) 8%,transparent)}.attachment-panel{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--scope-accent) 28%,var(--scope-line));border-radius:12px;background:color-mix(in srgb,var(--scope-accent) 6%,transparent)}.attachment-heading h3{margin-bottom:8px}.attachment-warning{padding:11px;border:1px solid color-mix(in srgb,var(--scope-warning) 36%,var(--scope-line));border-radius:10px;background:color-mix(in srgb,var(--scope-warning) 8%,transparent)}.attachment-warning p,.attachment-helper{margin:0}form{display:grid;gap:10px}label{color:var(--scope-text);font-size:.9rem;font-weight:780}label span{color:var(--scope-faint);font-weight:680}input,select,textarea{width:100%;min-width:0;border:1px solid var(--scope-line);border-radius:10px;background:var(--scope-panel-strong);color:var(--scope-text);font:inherit;padding:12px 13px}textarea{min-height:122px;resize:vertical}.checkbox-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--scope-line);border-radius:10px;background:color-mix(in srgb,var(--scope-panel-strong) 72%,transparent)}.checkbox-row input{width:18px;height:18px;margin:3px 0 0}.primary-btn{border:1px solid color-mix(in srgb,var(--scope-accent) 70%,transparent);background:var(--scope-accent);color:#fff;cursor:pointer;padding:12px 16px}.primary-btn:disabled{cursor:wait;opacity:.7}.form-error{margin:0;color:#9b1c1c;font-weight:760}.confirmation-message{margin:0;padding:13px;border:1px solid color-mix(in srgb,#18724c 40%,var(--scope-line));border-radius:10px;background:color-mix(in srgb,#18724c 10%,transparent);color:var(--scope-text)}@media(max-width:800px){.feedback-page{width:min(100% - 24px,1180px);padding-top:16px}.feedback-topbar{align-items:flex-start;gap:12px}.topbar-actions{gap:8px}.topbar-actions>span{display:none}.feedback-hero,.feedback-layout,.status-grid{grid-template-columns:1fr}h1{font-size:2.35rem}}
