*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9fafb;color:#111827;min-height:100dvh}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:2rem 1.5rem;text-align:center;gap:1.25rem}.app-title{font-size:1.75rem;font-weight:700;color:#1e3a5f}.tagline{font-size:1rem;color:#6b7280;max-width:280px}.capture-btn{display:inline-block;background:#1e3a5f;color:#fff;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:12px;cursor:pointer;margin-top:1rem}.hint{font-size:.875rem;color:#9ca3af}.photo-thumbnail{width:200px;height:260px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #00000026}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1e3a5f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-msg{font-size:1.125rem;font-weight:600}.processing-submsg{font-size:.875rem;color:#6b7280}.results-screen{justify-content:flex-start;padding-top:2rem;gap:1.5rem}.result-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;width:100%;max-width:600px;text-align:left}.result-card h2{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:#1e3a5f}.letter-text{white-space:pre-wrap;font-size:.9rem;line-height:1.6}.copy-btn{margin-top:1rem;background:#1e3a5f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%}.reset-btn{background:none;border:2px solid #d1d5db;color:#6b7280;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;width:100%;max-width:600px}