:root{--primary:#0070f3;--primary-dark:#0051cc;--success:#10b981;--error:#ef4444;--background:#fff;--surface:#f9fafb;--text:#111827;--text-secondary:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--background);height:100%;margin:0;padding:0;overflow-x:hidden}.mobile-container{flex-direction:column;min-height:100vh;display:flex}h1{color:var(--text);margin:0 0 8px;font-size:28px;font-weight:700}h2{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:600}p{color:var(--text-secondary);margin:0 0 16px;font-size:16px;line-height:1.5}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark);transform:scale(.98)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-secondary:active{background:var(--surface);transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border:2px solid var(--border);border-radius:12px;outline:none;width:100%;padding:16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.page{padding:24px;padding-bottom:env(safe-area-inset-bottom,24px);flex-direction:column;flex:1;display:flex}.spinner{border:4px solid var(--surface);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.image-preview{object-fit:cover;border-radius:16px;width:100%;max-height:400px;margin:16px 0}.alert{border-radius:12px;margin:16px 0;padding:16px}.alert-error{color:#991b1b;background:#fee2e2}.alert-success{color:#065f46;background:#d1fae5}.page{padding-top:max(24px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}button:active,.btn:active,a:active{opacity:.8}