.feedback{--c-accent: var(--fb-accent, var(--cyan));--c-accent-deep: var(--fb-accent-deep, var(--purple));--c-glow: var(--fb-accent-glow, rgba(var(--cyan-rgb), .3));--c-ink: var(--fb-ink, var(--bg));--c-surface: var(--fb-surface, var(--surface));--c-line: var(--fb-border, var(--border));max-width:860px;padding-bottom:60px}.feedback .notice{display:none;padding:28px 30px;margin-bottom:28px;border:1px solid var(--c-line);border-left:3px solid var(--c-accent);background:var(--c-surface);border-radius:3px;outline:none}.feedback .notice:target{display:block}.feedback #sent:target~.form{display:none}.feedback .notice-error{border-left-color:var(--red)}.feedback .notice h2{font-family:var(--font-display);font-size:28px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;color:var(--c-accent)}.feedback .notice-error h2{color:var(--red)}.feedback .notice p{color:var(--text-dim)}.feedback .notice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.feedback .form{display:flex;flex-direction:column;gap:40px}.feedback .fb-section{display:flex;flex-direction:column;gap:14px}.feedback .fb-section-head{display:flex;align-items:baseline;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--c-line);margin-bottom:4px}.feedback .fb-section-num{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;color:var(--c-accent)}.feedback .fb-section-head h2{font-family:var(--font-display);font-size:clamp(24px,3.4vw,32px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);line-height:1.1}.feedback .q{border:1px solid var(--c-line);background:var(--c-surface);border-radius:3px;padding:20px 22px 22px;min-width:0}.feedback .q>legend,.feedback .label{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text);display:block;line-height:1.25}.feedback .q>legend{float:left;width:100%;margin-bottom:14px}.feedback .q>legend+*{clear:both}.feedback .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--c-accent);border:1px solid var(--c-accent);padding:2px 6px;margin-left:8px;vertical-align:middle;text-transform:uppercase}.feedback .hint{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:var(--text-mute);text-transform:uppercase;font-weight:400;margin-top:6px}.feedback .q>.hint{margin:4px 0 12px}.feedback .scale-option input,.feedback .chip input{position:absolute;opacity:0;width:1px;height:1px}.feedback .scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-width:640px}.feedback .scale-option{position:relative}.feedback .scale-option span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-family:var(--font-display);font-size:22px;font-weight:700;border:1px solid var(--c-line);background:var(--c-ink);color:var(--text-dim);cursor:pointer;transition:all .15s;border-radius:2px}.feedback .scale-labels{display:flex;justify-content:space-between;max-width:640px;margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-mute)}.feedback .chips{display:flex;flex-wrap:wrap;gap:10px}.feedback .chip{position:relative}.feedback .chip span{display:inline-block;padding:9px 15px;border:1px solid var(--c-line);background:var(--c-ink);color:var(--text-dim);font-size:15px;cursor:pointer;transition:all .15s;border-radius:2px}.feedback .scale-option span:hover,.feedback .chip span:hover{border-color:var(--c-accent);color:var(--text)}.feedback .scale-option input:checked+span,.feedback .chip input:checked+span{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-ink);box-shadow:0 0 18px var(--c-glow)}.feedback .scale-option input:focus-visible+span,.feedback .chip input:focus-visible+span{outline:2px solid var(--c-accent);outline-offset:3px}.feedback .matrix{display:flex;flex-direction:column;gap:16px}.feedback .matrix-row{border:none;min-width:0}.feedback .matrix-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px}.feedback textarea,.feedback input[type=text]{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--c-ink);border:1px solid var(--c-line);border-radius:2px;padding:12px 14px}.feedback textarea{resize:vertical;margin-top:10px}.feedback .q>.hint+textarea{margin-top:0}.feedback textarea:focus,.feedback input[type=text]:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}.feedback .counter{text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--text-mute);margin-top:6px}.feedback .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback .privacy{font-size:13.5px;color:var(--text-mute)}.feedback .privacy a{color:var(--c-accent)}.feedback .actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.feedback .status{font-size:14px;color:var(--text-dim)}.feedback .status[data-state=error]{color:var(--red)}.feedback .btn-fb{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-deep));color:var(--c-ink);font-weight:800;box-shadow:0 0 24px var(--c-glow)}.feedback .btn-fb:hover{transform:translateY(-1px)}.feedback .btn-fb:disabled{opacity:.6;cursor:wait;transform:none}.feedback .btn-fb-ghost{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}@media(max-width:620px){.feedback .q{padding:18px 16px 20px}.feedback .scale{grid-template-columns:repeat(5,minmax(0,1fr));max-width:320px}.feedback .scale-labels{max-width:320px}.feedback .actions .btn{width:100%;justify-content:center}}
