:root{--bg: #fafaf7;--fg: #1f1f1f;--muted: #5e5e5e;--accent: #1f5fbf;--accent-fg: #ffffff;--border: #d6d6d0;--error: #b32a2a;--success: #1a7f37;--code-bg: #efefea;--focus: #0a3a8c;--max-width: 640px}@media(prefers-color-scheme:dark){:root{--bg: #1a1a1a;--fg: #ececec;--muted: #9a9a9a;--accent: #6ba6ff;--accent-fg: #0a0a0a;--border: #3a3a3a;--error: #ff6b6b;--success: #58d68d;--code-bg: #252525;--focus: #8eb8ff}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.page{max-width:var(--max-width);margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.topnav-logo{width:24px;height:24px;background-color:var(--fg);-webkit-mask:url(/logo.svg) no-repeat center / contain;mask:url(/logo.svg) no-repeat center / contain;display:block;text-decoration:none;transform:rotate(45deg)}.lang-switch{background:transparent;border:1px solid var(--border);border-radius:4px;padding:6px 12px;color:var(--fg);cursor:pointer;font-size:14px}.lang-switch:hover{border-color:var(--accent)}h1{font-size:24px;margin:24px 0 8px}.intro{color:var(--muted);margin:0 0 24px}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-form label{display:flex;flex-direction:column;gap:6px;font-weight:500}.feedback-form .help{color:var(--muted);font-weight:400;font-size:13px}.feedback-form select,.feedback-form textarea,.feedback-form input[type=text]{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg)}.feedback-form textarea{resize:vertical;min-height:120px}.feedback-form select:focus,.feedback-form textarea:focus,.feedback-form input:focus{outline:2px solid var(--focus);outline-offset:1px}.counter{color:var(--muted);font-size:12px;text-align:right}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.images{border:1px dashed var(--border);border-radius:4px;padding:12px}.images legend{font-weight:500;padding:0 6px}.images ul{list-style:none;padding:0;margin:8px 0 0}.images li{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.privacy{border:1px solid var(--border);border-radius:4px;padding:10px 14px}.privacy summary{cursor:pointer;font-weight:500}.privacy ul{margin:8px 0 0;padding-left:20px}button[type=submit]{background:var(--accent);color:var(--accent-fg);border:0;border-radius:4px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}button[type=submit]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.error{color:var(--error);border:1px solid var(--error);border-radius:4px;padding:10px 14px}.success{border:1px solid var(--success);border-radius:4px;padding:16px}.success .refcode{display:flex;align-items:center;gap:12px}.success code{background:var(--code-bg);padding:6px 10px;border-radius:4px;font-size:18px;letter-spacing:1px}.success .muted{color:var(--muted);font-size:13px}.footer{margin-top:auto;padding-top:32px;color:var(--muted);font-size:13px;text-align:left}