.app-header[data-v-dbe8e27d]{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}@media (width<=640px){.app-header[data-v-dbe8e27d]{padding:12px 16px}.logo[data-v-dbe8e27d]{font-size:16px}.nav[data-v-dbe8e27d]{gap:12px}.nav-link[data-v-dbe8e27d]{font-size:13px}.login-btn[data-v-dbe8e27d],.user-btn[data-v-dbe8e27d]{padding:8px 12px;font-size:13px}}.logo[data-v-dbe8e27d]{color:var(--color-text);font-size:18px;font-weight:700}.nav[data-v-dbe8e27d]{align-items:center;gap:20px;display:flex}.nav-link[data-v-dbe8e27d]{color:var(--color-text-muted);font-size:14px}.nav-link[data-v-dbe8e27d]:hover{color:var(--color-text)}.login-btn[data-v-dbe8e27d]{background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:8px 16px;font-size:14px}.login-btn[data-v-dbe8e27d]:hover{background:var(--color-accent-hover);color:#fff}.user-dropdown[data-v-dbe8e27d]{position:relative}.user-btn[data-v-dbe8e27d]{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:0 0;padding:8px 12px;font-size:14px}.user-btn[data-v-dbe8e27d]:hover{background:var(--color-surface-hover)}.dropdown[data-v-dbe8e27d]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:120px;margin-top:4px;padding:8px;position:absolute;top:100%;right:0}.dropdown a[data-v-dbe8e27d],.dropdown button[data-v-dbe8e27d]{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;display:block}.dropdown a[data-v-dbe8e27d]:hover,.dropdown button[data-v-dbe8e27d]:hover{background:var(--color-surface-hover)}.modal-overlay[data-v-dbe8e27d]{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-dbe8e27d]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:280px;max-width:calc(100vw - 32px);margin:16px;padding:24px}.modal h3[data-v-dbe8e27d]{margin:0 0 16px;font-size:18px}.modal input[data-v-dbe8e27d]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);margin-bottom:12px;padding:10px 14px}.modal .error[data-v-dbe8e27d]{color:var(--color-error);margin-bottom:8px;font-size:13px}.modal .success[data-v-dbe8e27d]{color:var(--color-success);margin-bottom:8px;font-size:13px}.modal-actions[data-v-dbe8e27d]{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.modal-actions button[data-v-dbe8e27d]{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-hover);color:var(--color-text);padding:8px 16px}.app[data-v-030aa4f5]{flex-direction:column;min-height:100vh;display:flex}.main[data-v-030aa4f5]{flex:1}:root{--color-bg:#0f0f12;--color-surface:#1a1a20;--color-surface-hover:#22222a;--color-border:#2a2a32;--color-text:#e8e8ed;--color-text-muted:#8888a0;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-success:#22c55e;--color-error:#ef4444;--font-sans:"DM Sans", system-ui, sans-serif;--radius:10px}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}@media (hover:none) and (pointer:coarse){.generate-btn,.login-btn,.submit-btn{min-height:48px}}