#app{min-height:100vh}a{color:#4a90d9;text-decoration:none}a:hover{text-decoration:underline}.navbar[data-v-cb7c4f49]{background:#fff;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:64px;z-index:1000;padding:0 .5rem}.nav-item[data-v-cb7c4f49]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;color:#666;text-decoration:none;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.7rem;min-width:56px;gap:.25rem;transition:color .2s}.nav-item[data-v-cb7c4f49]:hover,.nav-item.active[data-v-cb7c4f49]{color:#4a90d9}.nav-item.logout[data-v-cb7c4f49]{color:#e74c3c}.nav-item.logout[data-v-cb7c4f49]:hover{color:#c0392b}.nav-icon[data-v-cb7c4f49]{width:24px;height:24px}.nav-label[data-v-cb7c4f49]{font-weight:500}@media(min-width:768px){.navbar[data-v-cb7c4f49]{flex-direction:column;justify-content:flex-start;align-items:stretch;position:fixed;inset:0 auto 0 0;width:200px;height:100vh;padding:1.5rem 0;box-shadow:2px 0 10px #0000001a;gap:.25rem}.nav-item[data-v-cb7c4f49]{flex-direction:row;justify-content:flex-start;padding:.875rem 1.5rem;font-size:.95rem;gap:.75rem;min-width:auto}.nav-item.active[data-v-cb7c4f49]{background:#f0f7ff;border-right:3px solid #4a90d9}.nav-item.logout[data-v-cb7c4f49]{margin-top:auto}.nav-icon[data-v-cb7c4f49]{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;min-height:100vh}.view-container[data-v-ed029315]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;padding-bottom:80px;gap:1rem}@media(min-width:768px){.view-container[data-v-ed029315]{padding-bottom:1rem;padding-left:216px}}.view-card[data-v-ed029315]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;text-align:center}.loading-state[data-v-ed029315],.empty-state[data-v-ed029315],.error-state[data-v-ed029315]{padding:2rem 0}.empty-state h2[data-v-ed029315]{margin:0 0 .5rem;color:#333}.empty-state p[data-v-ed029315]{color:#666;margin:.5rem 0}.empty-state .hint[data-v-ed029315]{font-size:.875rem;color:#888}.error-state p[data-v-ed029315]{color:#e74c3c;margin-bottom:1rem}.retry-btn[data-v-ed029315]{padding:.5rem 1.5rem;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.retry-btn[data-v-ed029315]:hover{background:#3a7bc8}.name-card[data-v-ed029315]{display:flex;flex-direction:column;gap:2rem}.name-display[data-v-ed029315]{padding:2rem 0}.first-name[data-v-ed029315]{font-size:2.5rem;font-weight:600;color:#333;margin:0;line-height:1.2}.last-name[data-v-ed029315]{font-size:1.25rem;color:#666;margin:.5rem 0 0}.etymology[data-v-ed029315]{font-size:.9rem;color:#888;margin:1rem 0 0;font-style:italic;line-height:1.4}.name-input[data-v-ed029315]{font-size:2.5rem;font-weight:600;color:#333;text-align:center;border:none;border-bottom:2px solid #4a90d9;outline:none;width:100%;padding:.25rem;background:transparent}.name-input[data-v-ed029315]::placeholder{color:#ccc}.gender-select[data-v-ed029315]{display:flex;justify-content:center;gap:1rem}.gender-option[data-v-ed029315]{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.9rem;color:#555}.gender-option input[data-v-ed029315]{cursor:pointer}.form-buttons[data-v-ed029315]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cancel-btn[data-v-ed029315]{padding:.875rem .5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;background:#f3f4f6;color:#6b7280}.cancel-btn[data-v-ed029315]:hover{background:#e5e7eb}.submit-btn[data-v-ed029315]{padding:.875rem .5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;background:#4a90d9;color:#fff}.submit-btn[data-v-ed029315]:hover:not(:disabled){background:#3a7bc8}.submit-btn[data-v-ed029315]:disabled{opacity:.5;cursor:not-allowed}.rating-buttons[data-v-ed029315]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.rate-btn[data-v-ed029315]{padding:.875rem .5rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.rate-btn[data-v-ed029315]:disabled{opacity:.6;cursor:not-allowed}.rate-btn.dislike[data-v-ed029315]{background:#fee2e2;color:#dc2626}.rate-btn.dislike[data-v-ed029315]:hover:not(:disabled){background:#fecaca}.rate-btn.pass[data-v-ed029315]{background:#f3f4f6;color:#6b7280}.rate-btn.pass[data-v-ed029315]:hover:not(:disabled){background:#e5e7eb}.rate-btn.like[data-v-ed029315]{background:#dcfce7;color:#16a34a}.rate-btn.like[data-v-ed029315]:hover:not(:disabled){background:#bbf7d0}.rate-btn.strong-like[data-v-ed029315]{background:#16a34a;color:#fff}.rate-btn.strong-like[data-v-ed029315]:hover:not(:disabled){background:#15803d}.add-name-btn[data-v-ed029315]{padding:.75rem 1.5rem;background:transparent;color:#4a90d9;border:1px solid #4a90d9;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.add-name-btn[data-v-ed029315]:hover{background:#4a90d9;color:#fff}.loading[data-v-ed029315]{color:#666;font-size:1.2rem}