:root{--bg: #f3f3f3;--surface: #f3f3f3;--surface-hover: #ffffff;--surface-active: #dddddd;--text: #666666;--text-hover: #777777;--text-muted: #888888;--text-disabled: #999999;--text-strong: #333333;--brand: #2a64f8;--brand-highlight: #6e9ef8;--accent: #2a64f8;--border: rgba(0, 0, 0, .1);--border-soft: rgba(0, 0, 0, .04);--border-strong: rgba(0, 0, 0, .1);--shadow-1: rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-text: #333333;--input-border: #b2b2b2;--input-focus-border: #636363;--input-focus-bg: #ffffff;--input-focus-text: #333333;--input-shadow: rgba(0, 0, 0, .1);--input-placeholder: #929292;--radius: 4px;--success: #16a34a}[data-theme=dark]{--bg: #333333;--surface: #333333;--surface-hover: #555555;--surface-active: #606060;--text: #cccccc;--text-hover: #eeeeee;--text-muted: #999999;--text-disabled: #999999;--text-strong: #ffffff;--brand: #2a64f8;--brand-highlight: #6e9ef8;--accent: #64acff;--border: rgba(255, 255, 255, .15);--border-soft: rgba(255, 255, 255, .2);--border-strong: rgba(0, 0, 0, .1);--shadow-1: rgba(0, 0, 0, .2);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--input-bg: #333333;--input-text: #cccccc;--input-border: #666666;--input-focus-border: #636363;--input-focus-bg: #222222;--input-focus-text: #ffffff;--input-shadow: rgba(0, 0, 0, .3);--input-placeholder: #999999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;display:flex;flex-direction:column;line-height:1.6;font-size:1rem;transition:background-color .15s,color .15s}.main-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.card{width:100%;max-width:560px;background:var(--surface);border:none;border-radius:var(--radius);padding:36px 36px 28px;box-shadow:none}h1{font-size:1.5rem;font-weight:700;margin-bottom:10px;line-height:1.3;color:var(--text-strong)}.text-muted{color:var(--text-muted);margin-bottom:6px;font-size:.95rem}.note{font-size:.875rem;color:var(--text-muted);margin-bottom:4px}.note a{color:var(--accent);text-decoration:none}.note a:hover{text-decoration:underline}.feedback-textarea{display:block;width:100%;min-height:160px;margin-top:18px;padding:7px 10px;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius);font-family:inherit;font-size:.95em;line-height:1.55;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.feedback-textarea::placeholder{color:var(--input-placeholder)}.feedback-textarea:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg);color:var(--input-focus-text);box-shadow:0 0 10px var(--input-shadow)}.form-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;border-radius:var(--radius);font-family:inherit;font-size:15px;line-height:17px;font-weight:500;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background-image:linear-gradient(to top,var(--brand) -50%,var(--brand-highlight) 150%)}.btn-primary:active:not(:disabled){background-image:linear-gradient(to top,var(--brand) -50%,var(--brand-highlight) 120%)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--text);background-color:var(--surface);background-image:linear-gradient(to top,#6f6f6f1a,#fff0 60%,#ffffff4d);box-shadow:0 0 0 1px var(--border-soft),0 1px 0 var(--border-strong),0 2px 3px var(--shadow-1);transition:background-color .15s,color .15s}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-hover)}.btn-ghost:active:not(:disabled){background-color:var(--surface-active);box-shadow:inset 2px 2px 10px #0003,0 2px 2px var(--surface-active)}.btn-ghost:disabled{color:var(--text-disabled);background-color:var(--surface-active);background-image:linear-gradient(to top,#fff0 60%,#ffffff4d);box-shadow:0 0 0 1px #0000000d;cursor:default}[data-theme=dark] .btn-ghost{background-color:#4a4a4a;background-image:none;box-shadow:none}[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-hover)}[data-theme=dark] .btn-ghost:active:not(:disabled){background-color:var(--surface-hover);color:var(--text-strong);box-shadow:0 0 0 1px var(--border-soft)}[data-theme=dark] .btn-ghost:disabled{color:var(--text-disabled);background-color:transparent;background-image:none;box-shadow:0 0 0 1px var(--border-strong);cursor:default}.btn-link{display:inline-block;background:none;border:none;padding:0;color:var(--accent);font-family:inherit;font-size:.875rem;cursor:pointer;text-decoration:none}.btn-link:hover{text-decoration:underline}.meta-row{display:flex;gap:16px;margin-top:14px;margin-bottom:4px;flex-wrap:wrap}.success-card{text-align:center}.success-icon{width:56px;height:56px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 20px}.success-sub{color:var(--text-muted);font-size:.9rem;margin:12px 0 28px;line-height:1.9}.success-sub a{color:var(--accent);text-decoration:none}.success-sub a:hover{text-decoration:underline}#version-label{font-size:.75rem;color:var(--text-muted);margin-top:14px}@media (max-width: 520px){.main-content{padding:0}.card{padding:24px 18px 20px;border-radius:0;border-left:none;border-right:none}.form-actions{flex-wrap:wrap}}
